body {

background: url(images/bg.jpg);

margin: 0;

padding: 0;

font-family: Tahoma, Arial, Helvetica, sans-serif;

font-size: 0.7em;

}



#center {

width: 974px;

margin: 0 auto;

}



#content_bg {

background: url(images/content_bg.jpg) repeat-y;

float: left;

width: 960px;

padding: 0 7px;

}



#header_top {

background: url(images/breadcr.jpg) repeat-x;

height: 19px;

color: #FFFFFF;

padding: 5px 15px 0;

}



#breadcr {

float: left;

}



#text_size {

float: right;

text-align: right;

}



#text_size img {

border: 0;

}



#header {

height: 164px;

}



#header_left {

float: left;

background: url(images/header_left.jpg) no-repeat;

width: 460px;

height: 164px;

}



#header_left a {

display: block;

width: 417px;

height: 47px;

margin:60px 0 0 27px

}



#flash {

float: right;

width: 500px;

height: 164px;

background: url(images/flash.jpg) no-repeat;

}



#topnav {

background: url(images/topnav.jpg) repeat-x;

height: 38px;

width: 960px;

}



#topnav ul {

margin: 0;

padding: 0;

list-style: none;

}



#topnav li {

float: left;

background: url(images/topnav_but.gif) no-repeat right center;

font-size: 11px;

padding: 0 10px 0 6px;

}



@media screen and (-webkit-min-device-pixel-ratio:0){

#topnav li {padding: 0 8px 0 4px;}

}



#topnav li.last {

background: none;

}



#content_footer {

background: url(images/content_footer.jpg) no-repeat bottom;

float: left;

width: 960px;

padding: 0 0 15px;

}



#left {

float: left;

width: 187px;

padding: 15px 8px 0;

color: #202020;

}



#left ul {

margin: 0;

padding: 0 0 30px;

list-style: none;

}



#left li {

background: url(images/left_but.gif) no-repeat 4px 14px;

border-bottom: 1px solid #b5d9b5;

padding: 8px 0 7px 12px;

font-size: 11px;

}



#left img {

border: 1px solid #7dc57d;

margin-bottom: 10px;

}



#left img.green_ban {

border: 0;

}



#main {

float: left;

width: 563px;

color: #202020;

padding: 0 17px;

line-height: 1.6em;

text-align: justify;

overflow: hidden;

}



#right {

float: right;

width: 146px;

padding: 7px 7px 7px 0;

}



#right img {

border: 0;

}



#footer {

clear: both;

background: url(images/footer.jpg) no-repeat;

height: 75px;

padding: 0 200px 0 20px

}



#footer_left {

float: left;

padding:27px 0 0 15px;

}



#footer_right {

float: right;

text-align: right;

padding:27px 0 0 15px;

}



#footer_right img {

vertical-align: middle;

margin-left: 5px;

}



.img_right {

float: right;

border: 1px solid #959595;

margin: 10px 0 0 15px;

}



.img_left {

float: left;

border: 1px solid #959595;

margin: 10px 15px 0 0;

}



.na_vrh {

display: block;

height: 50px;

width: 35px;

float: left;

}



p {

margin: 0;

padding: 6px 0

}



p strong {

color: #646464;

}



#datacontainer {

color: #4e4e4e;

position:absolute; 

left:1px; 

top:10px; 

width:100%; 

visibility: inherit;

}



#datacontainer p {

padding: 6px;

line-height: 16px;

}



#datacontainer h2 {

padding-left: 6px;

}



/* LINKS */



#topnav a {

color: #c2c2c2;

text-decoration: none;

font-weight: bold;

float: left;

display: block;

padding: 13px 11px 12px;

text-transform: uppercase;

}



#topnav #current a {

color: #FFFFFF;

background: url(images/topnav_curr.jpg) repeat-x;

}



#topnav a:hover {

color: #5bd75b;

}



/* Commented Backslash Hack hides rule from IE5-Mac \*/

#topnav a { float:none; }

/* End IE5-Mac hack */



#left a {

color: #202020;

font-weight: bold;

text-decoration: none;

}



#left a:hover {

color: #216f20;

}



#breadcr a {

color: #FFFFFF;

text-decoration: underline;

}



#breadcr a:hover {

text-decoration: none;

}



#footer a {

color: #0c4b0b;

text-decoration: none;

font-weight: bold;

}



#footer a:hover {

color: #000000;

text-decoration: underline;

}



#main a, #datacontainer a {

color: #076d06;

text-decoration: none;

font-weight: bold;

}



#main a:hover, #datacontainer a:hover {

color: #0d900c;

text-decoration: underline;

}



/* OTHER */



h1 {

color: #216f20;

font-size: 1.3em;

margin: 0;

padding: 20px 0 5px;

}



h2 {

font-size: 1.2em;

margin: 0;

padding-top: 15px;

}



#datacontainer h2 {

font-size: 1.1em;

}



h3 {

color: #009c00;

font-size: 1.2em;

margin: 0;

padding: 30px 0 6px 5px

}



.koment {

font-weight: bold;

color: #606060;

text-align: right;

}



#main ul {

padding-top: 5px;

margin-top: 0;

}



#ban_shop {

width: 188px;

height: 59px;

}



#left_scroll {

border: 1px solid #b3b3b3;

}







/* KONTAKT FORMA */



#main form {

margin: 0;

}



#main input, #main select, #main textarea {

background: #FFFFFF;

border: 1px solid #bababa;

font-family: Tahoma, Verdana, Sans-serif;

color: #202020;

font-size: 1em;

width: 300px;

margin-top: 3px;

margin-bottom: 10px;

padding: 3px

}



#main .button {

background: #FFFFFF;

width: 65px;

padding: 2px 0

}



legend {

display: none;

}



fieldset {

border: 0;

margin: 0;

padding: 0

}



.alert {

color: #FF0000

}





.cont_table {

width: 550px;

border-color: #959595;

border-width: 0 0 1px 1px;

border-style: solid;

margin: 10px 0

}



.cont_table td {

border-color: #959595;

border-width: 1px 1px 0 0;

border-style: solid;

padding: 3px;

}


.novost
{float:left;
background: #c5c5c5 url(images/bg3.png) repeat-x;
border: 1px solid #b3b3b3;
margin-top:5px;
padding-left:10px;
padding-right:10px;
margin-bottom:10px;}

.vise
{
width:550px;
float:left;
margin-top:10px;
height:33px;
}

.video
{width:550px;
margin-top:0px;
margin-bottom:10px;}

.video h1
{margin-bottom:10px;}


.slika img
{float:left;
border: 1px solid #5b5b5b;
max-width:150px;
margin-right:10px;
margin-botttom:10px;}

.procitajte
{color:#5b5b5b;
width:400px;
padding-top:5px;}

.datum
{float:right;
text-align:right;
width:100px;}

.datum a
{text-align:right;}


.upit
{
color:#a79bdb;
height:33px;}

.upit a
{
color:#3d61a9;
display:block;
font-weight:bold;
padding-top:5px;
text-align:center;
height:28px;}

.upit a:hover
{color:#d23636;
display:block;
text-decoration:none;
padding-top:5px;
text-align:center;
height:28px;}