@charset "utf-8";
/* CSS Document */
body { background-image: url(../images/logo/bodybgstrane.gif); background-repeat:repeat-x; margin: 0; padding: 0; text-align: left; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px}
#container { width: 982px; margin: 0; padding: 0; text-align: left} 
#header { background: #ed1c24; height: 58px; padding: 0px; width: 1000px}
/* SADRZAJ */

#mainContent { padding-top: 65px; padding-right: 80px; padding-bottom: 0px; width: 100%}
#footer { background-color:#eeeeee} 
#footer p { margin-top: 20px; padding: 10px 0 10px 10px}
#logostrane {height: 58px; width: 256px; clear:left;background-image: url(../images/logo/logomali.jpg); background-repeat: no-repeat}

/* INDEX ROLLOVER BACKGROUND MENI */
#menu {display:block; height:58px; padding-left: 256px; width: 780px}
#menu ul {margin:0; padding:0; list-style-type:none;}
#menu li {float:left; display:block; width:156px;}
#menu li.list1 { background:transparent url(../images/stranemeni/bgstate01.jpg)}
#menu li.list1state {background:transparent url(../images/stranemeni/bgover01.jpg)}
#menu li.list2 {background:transparent url(../images/stranemeni/bgstate02.jpg)}
#menu li.list2state {background:transparent url(../images/stranemeni/bgover02.jpg)}
#menu li.list3 {background:transparent url(../images/stranemeni/bgstate03.jpg)}
#menu li.list3state {background:transparent url(../images/stranemeni/bgover03.jpg)}
#menu li.list4 {background:transparent url(../images/stranemeni/bgstate04.jpg)}
#menu li.list4state {background:transparent url(../images/stranemeni/bgover04.jpg)}
#menu li.list5 {background:transparent url(../images/stranemeni/bgstate05.jpg)}
#menu li.list5state {background:transparent url(../images/stranemeni/bgover05.jpg)}
#menu a {display:block; width:156px; height:58px; overflow:hidden;}

#menu a#item1 {background:transparent url(../images/stranemeni/bgover01.jpg) -156px -199px no-repeat;}
#menu a#item2 {background:transparent url(../images/stranemeni/bgover02.jpg) -156px -199px no-repeat;}
#menu a#item3 {background:transparent url(../images/stranemeni/bgover03.jpg) -156px -199px no-repeat;}
#menu a#item4 {background:transparent url(../images/stranemeni/bgover04.jpg) -156px -199px no-repeat;}
#menu a#item5 {background:transparent url(../images/stranemeni/bgover05.jpg) -156px -199px no-repeat;}

#menu a#item1:hover {background-position:top right; z-index:50;}
#menu a#item2:hover {background-position:top right; z-index:50;}
#menu a#item3:hover {background-position:top right; z-index:50;}
#menu a#item4:hover {background-position:top right; z-index:50;}
#menu a#item5:hover {background-position:top right; z-index:50;}
/* INDEX ROLLOVER BACKGROUND MENI KRAJ */

/* VERTICAL LEVO ROLLOVER BACKGROUND MENI */

/* NAVIGACIJA */
ul.vert-one{ margin:0; padding:0; list-style-type:none; display:block; font:normal 13px/165% Verdana, Arial, Helvetica, sans-serif;width:211px}
ul.vert-one li{ margin:0; padding:0}
ul.vert-one li a{ display:block; text-decoration:none; color:#7f7f7f; background: url(../images/meni/bgstate.jpg);	padding:0 0 0 80px; width:131px}
ul.vert-one li a:hover{ background: url(../images/meni/bgover.jpg) no-repeat; color:#000000}
ul.vert-one li a.current,ul.vert-one li a.current:hover{ background: url(../images/meni/bgover.jpg) no-repeat;  color:#000000}
/* KRAJ NAVIGACIJE */


/* NAVIGACIJA DESNO */
ul.vert-dva{ margin:0; padding:0; list-style-type:none; display:block; font:bold 12px/165% Verdana, Arial, Helvetica, sans-serif;width:178px; line-height: 17px}
ul.vert-dva li{ margin-top:5px; padding-left:5px;}
ul.vert-dva li a{ display:block; text-decoration:none; color:#7f7f7f; margin-right: 20px }
ul.vert-dva li a:hover{ color:#000000}
ul.vert-dva li a.current,ul.vert-dva li a.current:hover{ color:#000000}
/* KRAJ NAVIGACIJE DESNO */


/* SREDINA */
#sidebar1 { float: left; width: 150px; padding-top: 70px}
#sidebar2 { float: right; width: 198px; text-align:right; padding-top: 80px}
#sidebar2 h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; background-image: url(../images/desno/h3bg.jpg); padding-right: 20px;}
#sredina { padding: 0; margin-top: 0; margin-right: 0px; margin-bottom: 0; margin-left: 200px}
#tumb { padding-top: 10px}
#menuDesni { position:absolute; left:1012px; top:229px; width:178px; height:236px; z-index:3; background-color: transparent; line-height: 0.8em}
#prvi { height: auto; width: 724px; background-color: #F6F6F6; display:table}
#prvi a img { border: none}
#drugi { height: auto; width: 724px; background-color: #F6F6F6; display:table}
#drugi a img { border: none}
#treci { height: auto; width: 724px; background-color: #F6F6F6; display:table}
#treci a img { border: none}
#cetvrti { height: auto; width: 724px; background-color: #F6F6F6; display:table}
#cetvrti a img { border: none}
#peti { height: auto; width: 724px; background-color: #F6F6F6; display:table}
#peti a img { border: none}
#sesti { height: auto; width: 724px; background-color: #F6F6F6; display:table}
#sesti a img { border: none}
#sedam { height: auto; width: 724px; background-color: #F6F6F6; display:table}
#sedam a img { border: none}
/* SREDINA KRAJ */

/* SADRZAJ KRAJ */