/* #042B6C tamno plava */
/* #B1CDFC svijetlo plava */
/* #4588F8 linkovi plava */
* { 
margin: 0; 
padding: 0;
}
body {
margin-top: 0px;
margin-bottom: 0px;
background-color: #042B6C;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#042B6C;
}
/* container */
#container {
width:970px;
margin:auto;
position:relative;
height:auto;
}
/* container contains */
#header {
width:970px;
height:185px;
position:relative;
background-image:url(images/site/header.jpg);
float:left;
}
#middle {
width:970px;
height:auto;
background-image:url(images/site/middle.jpg);
background-repeat:repeat-y;
float:left;
}
/* header contains */
#top {
width:970px;
height:120px;
position:relative;
float:left;
}
#breadcrumbbox {
width:970px;
height:65px;
position:relative;
float:left;
}
/* top contains */
#logo {
width:285px;
height:65px;
position:relative;
float:left;
padding-top:50px;
padding-left:35px;
}
#navbox {
width:600px;
height:75px;
position:relative;
float:right;
padding-top:10px;
}
/* breadcrumbbox contains */
#breadcrumb {
width:900px;
height:30px;
position:relative;
float:left;
padding-top:35px;
padding-left:35px;
}
/* middle contains*/
#center {
width:970px;
height:auto;
position:relative;
float:left;
}
#footer {
width:970px;
height:100px;
position:relative;
background-image:url(images/site/footer.jpg);
float:left;
}
/* center contains*/
#leftbox {
width:235px;
height:auto;
position:relative;
float:left;
margin-top:10px;
}
#box {
width:700px;
height:auto;
position:relative;
float:right;
padding-right:35px;
margin-top:10px;
}
/* leftbox*/
#proizvodi {
width:200px;
height:auto;
position:relative;
float:right;
}
#poll {
width:200px;
height:auto;
position:relative;
float:right;
margin-top:10px;
}
h1.proizvodi{
font-family:"Times New Roman", Times, serif;
font-size:14px;
font-weight:bold;
color:#042B6C;
padding-bottom:10px;
text-align:left;
}
/* box contains*/
#bckcontent {
width:500px;
height:auto;
position:relative;
float:left;
background-image:url(images/site/center.jpg);
background-repeat:repeat-y;
}
#right {
width:190px;
height:auto;
position:relative;
float:right;
}
/* bckcontent contains*/
#content {
width:450px;
height:auto;
position:relative;
float:left;
padding-left:25px;
min-height:650px;
height:auto !important;
height:650x;
}
.podkategorija {
width:440px;
height:220px;
position:relative;
float:left;
margin-top:20px;
margin-top:10px;
background-color:#FFFFFF;
padding:4px;
border: 1px solid #042B6C;
}
.podkategorija:hover {
background-color:#B1CDFC;
border: 1px solid #042B6C;
}
/* content contains*/
#contentleft {
width:220px;
height:auto;
position:relative;
float:left;
}
#contentright {
width:220px;
height:auto;
position:relative;
float:right;
}
#contentright2 {
width:200px;
height:auto;
position:relative;
float:right;
}
.detalj{
width:220px;
height:auto;
position:relative;
float:right;
background-color:#D0E1FD;
margin-top:10px;
}
/* #042B6C tamno plava */
/* #B1CDFC svijetlo plava */
/* #D0E1FD svijetlije plava */
/* #4588F8 linkovi plava */
h1.title{
font-family:Arial, Helvetica, sans-serif;
font-size:26px;
color:#042B6C;
background-image:url(images/site/dots.gif);
background-position:bottom;
background-repeat:no-repeat;
text-align:left;
}
p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#042B6C;
text-align:justify;
}
p.footer{
padding-top:30px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#042B6C;
text-align:center;
}
p.footersmall{
padding-top:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#042B6C;
text-align:center;
}
p.ispodslike{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#042B6C;
text-align:justify;
margin-top:10px;
}
p.readmore{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#042B6C;
text-align:right;
margin-top:10px;
}
p.centered{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#042B6C;
text-align:center;
margin-top:5px;
}
p.title{
font-family:"Times New Roman", Times, serif;
font-size:16px;
font-weight:bold;
color:#042B6C;
padding-top:10px;
padding-left:10px;
padding-right:10px;
text-align:left;
}
p.opis{
font-family:"Times New Roman", Times, serif;
font-size:14px;
color:#042B6C;
padding:10px;
text-align:left;
}
/* Glossy menu accordion */
.glossymenu{
width: 190px; /*width of menu*/
border: 1px solid #ffffff;
border-bottom-width: 0;
}
.glossymenu a.menuitem{
background: black url(images/site/glossyback.gif) repeat-x bottom left;
font-size:12px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}
.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}
.glossymenu a.menuitem:hover{
background-image: url(images/site/glossyback2.gif);
}
.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}
.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}
.glossymenu div.submenu ul li{
border-bottom: 1px solid #B1CDFC;
}
.glossymenu div.submenu ul li a{
display: block;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color: #4588F8;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}
.glossymenu div.submenu ul li a:hover{
background: #D0E1FD;
color: #042B6C;
}
/*breadcrumbs*/
.breadcrumb{
font-size:14px;
font-family:"Times New Roman", Times, serif;
}
.breadcrumb a{
background: transparent url(images/site/breadcrumb.gif) no-repeat center right;
text-decoration: underline;
padding-right: 18px; /*adjust bullet image padding*/
color: #4588F8;
}
.breadcrumb a:visited, .breadcrumb a:active{
color: #4588F8;
}
.breadcrumb a:hover{
color: #042B6C;
}
/* nav */
.nav{
width: 100%;
overflow: hidden;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}
.nav ul{
margin: 0;
float: right;
padding-right:35px;
}
.nav ul li{
display: inline;
list-style-type: none;
}
.nav ul li a{
float: left;
display: block;
text-decoration: none;
margin:0;
width:80px;
text-align:center;
padding-bottom:15px;
padding-top:50px;
border-right: 5px solid white; /*right divider between tabs*/
color: white;
background-image:url(images/site/nav.gif);
background-repeat:repeat-x;
}
.nav ul li a:visited{
color: white;
}
.nav ul li a:hover, .nav ul li .current{
color: white !important; /*text color of selected and active item*/
background-image:url(images/site/nav2.gif);
background-repeat:repeat-x;
padding-top:65px;
}
.slika{
width:180px; 
height:120px;
background-color:#FFFFFF;
padding:4px;
border: 1px solid #042B6C;
}
.slikaleft{
marging-top:4px;
margin-left:1px;
}
.active{
width:180px; 
height:120px;
background-color:#B1CDFC;
padding:4px;
border: 1px solid #042B6C;
}
.slika2{
width:190px; 
height:190px;
background-color:#FFFFFF;
padding:4px;
border: 1px solid #042B6C;
}
.slika3{
background-color:#FFFFFF;
padding:4px;
border: 1px solid #042B6C;
}
.slika2float{
width:190px; 
height:190px;
background-color:#FFFFFF;
padding:4px;
border: 1px solid #042B6C;
float:right;
}
.slika3float{
width:190px; 
height:313px;
background-color:#FFFFFF;
padding:4px;
border: 1px solid #042B6C;
float:right;
}
.slikafloat{
float:right;
padding-left:8px;
padding-bottom:8px;
}
#content ul{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#042B6C;
padding-top:10px;
padding-left: 30px;
}
#content ul li{
list-style-type:square;
}
a.footerlink:link, a.footerlink:visited, a.footerlink:active{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #042B6C;
	text-decoration:underline; 
}
a.footerlink:hover{
color: #4588F8;
}
a.dz:link, a.dz:visited, a.dz:active{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #042B6C;
	text-decoration:underline; 
}
a.dz:hover{
color: #4588F8;
}
a.link:link, a.link:visited, a.link:active{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4588F8;
	text-decoration:underline; 
}
a.link:hover{
color: #042B6C;
background-color:#B1CDFC;
}
/* highslide */
.highslide{
cursor: url(http://www.par-mar.com/highslide/graphics/zoomin.cur ), pointer;
outline: none;
}
.highslide-image{
border: 8px solid white;
}
.highslide-loading{
font-family:Arial, Helvetica, sans-serif;
display: block;
color: white;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
padding: 4px;
border-top: 1px solid #B1CDFC;
border-bottom: 1px solid #B1CDFC;
background-color: #042B6C;
}