BODY
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-SIZE: 0.8em;
    BACKGROUND: #fff;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px auto;
    PADDING-TOP: 0px;
    FONT-FAMILY: Arial, Verdana, Sans-Serif
}
#bg
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    BACKGROUND-IMAGE: none;
    PADDING-BOTTOM: 5px;
    MARGIN: 0px auto;
    WIDTH: 768px;
    PADDING-TOP: 5px;
    BACKGROUND-REPEAT: repeat;
    HEIGHT: 700px;
    BACKGROUND-COLOR: #e4ecff
}

#bgt
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    BACKGROUND-IMAGE: none;
    PADDING-BOTTOM: 5px;
    MARGIN: 0px auto;
    WIDTH: 768px;
    PADDING-TOP: 5px;
    BACKGROUND-REPEAT: repeat;
    HEIGHT: 700px;
    BACKGROUND-COLOR: #ffffff
}

#bg2
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    BACKGROUND-IMAGE: none;
    PADDING-BOTTOM: 5px;
    MARGIN: 0px auto;
    WIDTH: 768px;
    PADDING-TOP: 5px;
    BACKGROUND-REPEAT: repeat;
    HEIGHT: 590px;
    BACKGROUND-COLOR: #e4ecff
}

#bg3
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    BACKGROUND-IMAGE: none;
    PADDING-BOTTOM: 5px;
    MARGIN: 0px auto;
    WIDTH: 768px;
    PADDING-TOP: 5px;
    BACKGROUND-REPEAT: repeat;
    HEIGHT: 595px;
    BACKGROUND-COLOR:#e4ecff
}

#bg4
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    BACKGROUND-IMAGE: none;
    PADDING-BOTTOM: 5px;
    MARGIN: 0px auto;
    WIDTH: 768px;
    PADDING-TOP: 5px;
    BACKGROUND-REPEAT: repeat;
    HEIGHT: 655px;
    BACKGROUND-COLOR: #e4ecff
}

#sadrzaj
{
    BACKGROUND: #000;
    WIDTH: 768px;
    COLOR: #303030
	
}
#title
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 20pt;
    BACKGROUND: #fff;
    FLOAT: left;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px
}

.blog
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    BACKGROUND: #fff;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px
}

#banner
{
    BACKGROUND: #e4ecff;
    WIDTH: 760px;
    BORDER-BOTTOM: #ccc 1px;
    HEIGHT: 20px
}

#zaglavlje
{
    CLEAR: both;
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px 0px 3px;
    COLOR: #808080;
    PADDING-TOP: 20px;
    HEIGHT: 40px;
    TEXT-ALIGN: right;
	BACKGROUND-COLOR: #ffffff
}

#navigation
{
    CLEAR: both;
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px 0px 3px;
    COLOR: #808080;
    PADDING-TOP: 0px;
    HEIGHT: 20px;
    TEXT-ALIGN: right
}



#navigacija
{
    CLEAR: left;
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-SIZE: 0.9em;
    BACKGROUND: #e4ecff;
    FLOAT: left;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px 0px 5px;
    WIDTH: 150px;
    PADDING-TOP: 0px
}
#navigacija UL
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-SIZE: 1.1em;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px 0px 10px;
    WIDTH: 150px;
    PADDING-TOP: 0px;
    LIST-STYLE-TYPE: none
}
#navigacija LI
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 10px;
    MARGIN-BOTTOM: 4px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px
}
#navigacija LI A
{
    PADDING-RIGHT: 10px;
    DISPLAY: block;
    PADDING-LEFT: 10px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    PADDING-BOTTOM: 0px;
    COLOR: #808080;
    PADDING-TOP: 6px;
    BORDER-BOTTOM: #ccc 1px dotted;
    HEIGHT: 20px;
    TEXT-ALIGN: right;
    TEXT-DECORATION: none
}
#navigacija LI A:hover
{
    COLOR: #286ea0
}

.right_column
{
    PADDING-RIGHT: 13px;
    PADDING-LEFT: 10px;
    BACKGROUND: #e4ecff;
    FLOAT: right;
    PADDING-BOTTOM: 20px;
    MARGIN: 0px 0px 10px;
    WIDTH: 280px;
    COLOR: #5d5d5d;
    LINE-HEIGHT: 1.5em;
    PADDING-TOP: 5px;
    TEXT-ALIGN: justify
}

.center_column
{
    PADDING-RIGHT: 13px;
    PADDING-LEFT: 10px;
    BACKGROUND: #e4ecff;
    FLOAT: right;
    PADDING-BOTTOM: 20px;
    MARGIN: 0px 0px 10px;
    WIDTH: 580px;
    COLOR: #5d5d5d;
    LINE-HEIGHT: 1.5em;
    PADDING-TOP: 5px;
    TEXT-ALIGN: justify
}

.center_column H2
{
    FONT-SIZE: 1.2em;
    COLOR: #286ea0;
    TEXT-ALIGN: left
}

.center_column P
{
    
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 10px;
   TEXT-ALIGN: center
}


.right_column P
{
    %FONT-SIZE: 90%;
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px
}
.left_column
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    BACKGROUND: #e4ecff;
    PADDING-BOTTOM: 5px;
    MARGIN: 0px 300px 20px 150px;
    COLOR: #5d5d5d;
    LINE-HEIGHT: 1.6em;
    PADDING-TOP: 5px;
    TEXT-ALIGN: justify
}
.left_column A
{
    TEXT-DECORATION: none
}
#left_column A:visited
{
    TEXT-DECORATION: none
}
.left_column P
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px
}
.thumb
{
    BORDER-RIGHT: #d4d4d4 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #d4d4d4 1px solid;
    PADDING-LEFT: 5px;
    BACKGROUND: #e4ecff;
    FLOAT: left;
    PADDING-BOTTOM: 5px;
    MARGIN: 5px 5px 5px 5px;
    BORDER-LEFT: #d4d4d4 1px solid;
    WIDTH: 270px;
    COLOR: #fff;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: #d4d4d4 1px solid
}

.contactform
{
    BORDER-RIGHT: #d4d4d4 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #d4d4d4 1px solid;
    PADDING-LEFT: 5px;
    BACKGROUND: #e4ecff;
    FLOAT: left;
    PADDING-BOTTOM: 5px;
    MARGIN: 5px 5px 5px 5px;
    BORDER-LEFT: #d4d4d4 1px solid;
    WIDTH: 300px;
    COLOR: #808080;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: #d4d4d4 1px solid;
    
}


.contactbox
{
    BORDER-RIGHT: #d4d4d4 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #d4d4d4 1px solid;
    PADDING-LEFT: 5px;
    BACKGROUND: #e4ecff;
    FLOAT: left;
    PADDING-BOTTOM: 5px;
    MARGIN: 5px 5px 5px 5px;
    BORDER-LEFT: #d4d4d4 1px solid;
    WIDTH: 250px;
    COLOR: #808080;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: #d4d4d4 1px solid;
    TEXT-ALIGN: CENTER
}

#pic
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 6px;
    BACKGROUND: url(banner.jpg);
    PADDING-BOTTOM: 5px;
    MARGIN: 0px 0px 5px 155px;
    LINE-HEIGHT: 1.4em;
    PADDING-TOP: 0px;
    HEIGHT: 146px
}
#pic H2
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 5px;
    FONT-SIZE: 12pt;
    PADDING-BOTTOM: 2px;
    MARGIN: 0px;
    COLOR: #3a6794;
    PADDING-TOP: 15px
}
#pic P
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    WIDTH: 260px;
    COLOR: #5488bc;
    PADDING-TOP: 0px
}
.lijevo
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 5px;
    MARGIN: 9px 0px 10px;
    WIDTH: 130px;
    COLOR: #6b6b6b;
    LINE-HEIGHT: 1.6em;
    PADDING-TOP: 0px;
    TEXT-ALIGN: right
}
.lijevo A
{
    TEXT-DECORATION: none
}
.lijevo P
{
    MARGIN: 0px
}

.lijevo C
{
    
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 5px;
    MARGIN: 9px 0px 10px;
    WIDTH: 130px;
    COLOR: #286ea0;
    LINE-HEIGHT: 1.6em;
    PADDING-TOP: 3px;
    TEXT-ALIGN: left
    }
	
#infobox
{
    PADDING-RIGHT: 3px;
    MARGIN-TOP: 5px;
    PADDING-LEFT: 3px;
    BACKGROUND: #e4ecff;
    PADDING-BOTTOM: 3px;
    PADDING-TOP: 3px
}
#pic
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 6px;
    BACKGROUND: url(pic.jpg) repeat-x;
    PADDING-BOTTOM: 5px;
    MARGIN: 0px 0px 5px 155px;
    LINE-HEIGHT: 1.4em;
    PADDING-TOP: 0px;
    HEIGHT: 146px
}
#pic H2
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 5px;
    FONT-SIZE: 12pt;
    PADDING-BOTTOM: 2px;
    MARGIN: 0px;
    COLOR: #3a6794;
    PADDING-TOP: 15px
}
#pic P
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    WIDTH: 260px;
    COLOR: #5488bc;
    PADDING-TOP: 0px
}
.span_rubrika
{
    BACKGROUND: #e4ecff;
    WIDTH: 600px;
    COLOR: #5d5d5d;
    LINE-HEIGHT: 1.5em;
    TEXT-ALIGN: justify
}
#footer
{
    CLEAR: both;
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 0px;
    FONT-SIZE: 0.8em;
    BACKGROUND: #fff;
    PADDING-BOTTOM: 9px;
    MARGIN: 3px 3px 3px 10px;
    COLOR: #808080;
    PADDING-TOP: 2px;
    TEXT-ALIGN: right
}
#footer A
{
    COLOR: #3a6794;
    TEXT-DECORATION: underline
}
#footer A:hover
{
    COLOR: #000
}
#caption
{
    CLEAR: both;
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 0px;
    FONT-SIZE: 0.8em;
    PADDING-BOTTOM: 9px;
    MARGIN: 3px 3px 3px 10px;
    COLOR: #808080;
    PADDING-TOP: 2px;
    TEXT-ALIGN:center
}

A
{
    COLOR: #b60400;
    TEXT-DECORATION: none
}
A:hover
{
    COLOR: #808080
}
A IMG
{
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    BORDER-LEFT: 0px;
    BORDER-BOTTOM: 0px
}
H3
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-SIZE: 1.3em;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px 0px 5px;
    PADDING-TOP: 2px
    %BORDER-BOTTOM: #eee 2px solid
}
.blue
{
    COLOR: #286ea0
}


.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}


a.button {
    background: transparent url(../images/bg_button_a.gif) no-repeat scroll top right;
    color: #444;
    display: block;
    float: right;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url(../images/bg_button_span.gif) no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0px 5px 18px;
} 

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}