
BODY {
padding-right : 0; 
padding-left : 0; 
background : #cccccc; 
padding-bottom : 0; 
margin : 0 auto; 
font-size : 62.5%; 
font-family : Arial, Verdana, Sans-Serif; 
padding-top : 0; 
}


 
p {
font-size : 1.2em; 
line-height : 1.5em; 
}
 
A {
color : #3366cc; 
text-decoration : none; 
} 
A:hover {
color : #3366cc; 
text-decoration : underline; 
} 
A IMG {
border-top-width : 0; 
border-left-width : 0; 
border-bottom-width : 0; 
border-right-width : 0; 
} 
h1 {
color : #6b6b6b; 
padding-right : 0; 
padding-left : 5px; 
font-size : 1.6em; 
padding-bottom : 3px; 
margin : 0; 
padding-top : 5px; 
} 
H2 {
color : #6b6b6b; 
padding-right : 0; 
padding-left : 0; 
font-size : 1.4em; 
padding-bottom : 2px; 
margin : 0 0 5px; 
padding-top : 2px; 
} 
H3 {
color : #006600; 
padding-right : 0; 
padding-left : 0; 
font-size : 1.3em; 
padding-bottom : 2px; 
margin : 0 0 5px; 
padding-top : 2px; 
} 
#bg {
padding-right : 10px; 
padding-left : 10px; 
background : #ffffff; 
padding-bottom : 10px; 
margin : 0 auto; 
width : 780px; 
padding-top : 5px; 
} 
#topnav {
padding-left : 2px; 
color : #303030; 
padding-top : 9px; 
} 
#toplinks {
padding-right : 10px; 
background : #669933; 
padding-top : 5px; 
height : 20px; 
text-align : right; 
} 
#toplinks A {
padding-right : 5px; 
display : inline; 
padding-left : 8px; 
font-size : 1.2em; 
padding-bottom : 3px; 
color : #fff; 
margin-right : 5px; 
} 
#banner {
clear : both; 
margin : 0 0 40px 0; 
height : 70px; 
} 
#title {
padding-left : 5px; 
float : left; 
padding-top : 25px; 
} 
#mission {
border-right : 2px solid #fff; 
border-top : 2px solid #fff; 
float : right; 
border-left : 2px solid #fff; 
padding-top : 20px; 
border-bottom : 2px solid #fff; 
} 
#title_info {
border-right : 2px solid #fff; 
padding-right : 8px; 
border-top : 2px solid #fff; 
padding-left : 8px; 
background : #fff5d9; 
float : right; 
padding-bottom : 8px; 
margin : 10px 5px 50px 0; 
border-left : 2px solid #fff; 
width : 310px; 
color : #808080; 
padding-top : 8px; 
border-bottom : 2px solid #fff; 
height : auto; 
} 
#title_info P {
margin : 0; 
} 

#navigation {
clear : left; 
font-size : 1.2em; 
float : left; 
padding-left : 5px; 
padding-bottom : 0; 
padding-right : 0; 
padding-top : 0; 
margin : 80px 0 10px 5px; 
width : 150px; 
} 
#navigation UL {
padding-left : 0; 
padding-right : 10px; 
font-size : 1.1em; 
padding-bottom : 0; 
margin : 0 0 3px; 
width : 150px; 
padding-top : 0; 
list-style-type : none; 
} 
#navigation LI {
margin-bottom : 4px; 
width : 150px; 
} 
#navigation LI A {
padding-right : 8px; 
padding-left : 10px; 
display : block; 
background : #669933; 
width : 150px; 
padding-bottom : 0; 
color : #fff; 
padding-top : 6px; 
height : 20px; 
text-align : right; 
text-decoration : none; 
} 
#navigation LI A:visited {
padding-right : 8px; 
display : block; 
padding-left : 10px; 
background : #669933; 
padding-bottom : 0; 
color : #fff; 
padding-top : 6px; 
height : 20px; 
text-align : right; 
text-decoration : none; 
} 
#navigation LI A:hover {
background : #99cc66; 
color : #fff; 
} 

#main {
padding-right : 0; 
padding-left : 0; 
padding-bottom : 20px; 
padding-top : 20px;
margin : 100px 10px 20px 230px; 
line-height : 1.4em; 
} 
#main P {

padding-right : 5px; 
padding-left : 10px; 
padding-bottom : 0px; 
padding-top : 0;
} 
 
#main br {
padding-right : 5px; 
padding-left : 10px; 
padding-bottom : 0px; 
padding-top : 0;
} 
#main H1 {
color : #6b6b6b; 
padding-right : 0; 
padding-left : 10px; 
font-size : 1.7em; 
padding-bottom : 5px; 
padding-top : 10px; 
line-height : 1.2em; 
} 
#main H2 {
padding-right : 0; 
padding-left : 10px; 
font-size : 1.4em; 
padding-bottom : 4px; 
padding-top : 5px;  
line-height : 1.2em; 
} 
#main H3 {
padding-right : 0; 
padding-left : 10px; 
font-size : 1.4em; 
padding-bottom : 5px; 
padding-top : 5px; 

} 
newsletter
{ 
padding-left : 0; 
padding-bottom : 0px; 
padding-top : 5px;
} 

ul {
list-style-position : inside; 
font-size : 1.2em; 
line-height : 1.5em; 
} 



ol {
list-style-position : inside; 
font-size : 1.2em; 
line-height : 1.5em; 
} 


ul.siteMap {
list-style: square inside url('/images/extras/right-black.gif')
} 
		
.xsnazzy h1, .zsnazzy h1 {
margin : 0; 
font-size : 1.2em; 
padding : 0 10px 5px; 
border-bottom : 1px solid #444; 
} 
.xsnazzy p, .zsnazzy p {
margin : 0; 
padding : 5px 10px; 
font-size : 10px; 
} 
.xsnazzy {
background : transparent; 
width : 240px; 
float : left; 
margin : 0 3px; 
} 
.xtop, .xbottom {
display : block; 
background : transparent; 
font-size : 1px; 
} 
.xb1, .xb2, .xb3, .xb4 {
display : block; 
overflow : hidden; 
} 
.xb1, .xb2, .xb3 {
height : 1px; 
} 
.xb2, .xb3, .xb4 {
background : #fff; 
border-left : 1px solid #444; 
border-right : 1px solid #444; 
} 
.xb1 {
margin : 0 5px; 
background : #444; 
} 
.xb2 {
margin : 0 3px; 
border-width : 0 2px; 
} 
.xb3 {
margin : 0 2px; 
} 
.xb4 {
height : 2px; 
margin : 0 1px; 
} 
.xboxcontent {
display : block; 
border : 0 solid #444; 
border-width : 0 1px; 
height : auto; 
} 
* html .xboxcontent {
height : 1px; 
} 
.color_a {
background : #c9ba65; 
color : #fff; 
} 
.color_b {
background : #d4d8bd; 
color : #000; 
} 
.color_c {
background : #758279; 
color : #fff; 
} 
.color_d {
background : #b2ab9b; 
color : #000; 
} 
.lijevo {
padding-right : 10px; 
border-top : 1px solid #ddd; 
padding-left : 10px; 
background-color : #cccccc; 
padding-bottom : 5px; 
margin : 2px 0 10px; 
width : 130px; 
color : #6b6b6b; 
padding-top : 3px; 
border-bottom : 1px solid #ddd; 
} 
.lijevo A {
text-decoration : underline; 
} 
.lijevo A:visited {
text-decoration : underline; 
} 
.icon {
padding-right : 10px; 
padding-left : 10px; 
margin : 0 10px 10px; 
width : 130px; 
float : left; 
padding-bottom : 5px; 
padding-top : 10px; 
} 
.box {
padding-right : 10px; 
padding-left : 10px; 
margin : 0 10px 10px; 
background : #cccccc; 
width : 130px; 
float : left; 
border-top : 1px solid #ddd; 
padding-bottom : 20px; 
color : #5d5d5d; 
padding-top : 10px; 
border-bottom : 1px solid #ddd; 
} 
.box P {
font-size : 90%; 
margin : 0 10px 0 0; 
} 
.box H3 {
font-size : 1.2em; 
color : #6b6b6b; 
} 
.box A {
display : block; 
} 
.rightnav {
clear : right; 
margin : 20px 0 10px 23px; 
width : 140px; 
font-size : 1.2em; 
float : right; 
} 
.rubrica {
padding-right : 13px; 
border-top : 1px solid #ddd; 
padding-left : 10px; 
background : #eee url(lijevo.gif) repeat-x; 
float : right; 
padding-bottom : 20px; 
margin : 0 0 10px 10px; 
width : 140px; 
color : #5d5d5d; 
line-height : 1.5em; 
padding-top : 10px; 
border-bottom : 1px solid #ddd; 
} 
.rubrica P {
font-size : 90%; 
margin : 0; 
} 
.rubrica H3 {
font-size : 1.2em; 
color : #6b6b6b; 
} 
.rubrica A {
display : block; 
margin-bottom : 2px; 
padding-bottom : 4px; 
border-bottom : 1px solid #ccc; 
height : 12px; 
} 
.action {
padding-right : 13px; 
border-top : 1px solid #ddd; 
padding-left : 10px; 
background : #eee url(lijevo.gif) repeat-x; 
float : right; 
padding-bottom : 10px; 
margin : 0 0 10px 10px; 
width : 140px; 
color : #5d5d5d; 
padding-top : 10px; 
border-bottom : 1px solid #ddd; 
} 
.action P {
font-size : 90%; 
margin : 0; 
} 
.action H3 {
font-size : 1.2em; 
color : #6b6b6b; 
} 
.action A {
display : block; 
margin-bottom : 2px; 
} 
#copy {
border-right : 2px solid #fff; 
padding-right : 3px; 
border-top : 2px solid #fff; 
padding-left : 6px; 
background : #e5eff9 url(plavo.gif); 
padding-bottom : 3px; 
margin : 15px 0 0; 
border-left : 2px solid #fff; 
color : #70c256; 
padding-top : 3px; 
border-bottom : 2px solid #fff; 
} 
#copy A {
display : inline; 
border-top-style : none; 
border-right-style : none; 
border-left-style : none; 
border-bottom-style : none; 
} 
#copy A:visited {
display : inline; 
border-top-style : none; 
border-right-style : none; 
border-left-style : none; 
border-bottom-style : none; 
} 
img {
padding : 0; 
border : 0; 
} 
.pinline {
border : 1px solid #49585f; 
float : right; 
margin : 3px; 
} 
.pinlineCenter {
border : 1px solid #49585f; 
display : block; 
text-align : center; 
margin-left : auto; 
margin-right : auto; 
} 
.pinlineLeft {
border : 1px solid #49585f; 
float : left; 
margin : 4px; 
} 
.noPlineLeft {
float : left; 
margin : 3px; 
} 
.noPlineRight {
float : right; 
margin : 3px; 
border : 0; 
} 
.noPlineCenter {
display : block; 
text-align : center; 
margin-left : auto; 
margin-right : auto; 
} 
.bread {
padding-right : 80px; 
padding-left : 15px; 
padding-bottom : 20px; 
padding-top : 10px; 
font-size : 1.2em; 
} 
.date {
border-top : 1px solid #eee; 
font-size : 95%; 
margin : 5px 5px 6px 0px; 
text-transform : uppercase; 
color : #808080; 
height : 30px; 
} 
.date a {
color : #3366cc; 
text-decoration : none; 
font-size : 95%; 
margin : 5px 5px 6px; 
} 
.date a:active, a:hover a:visited {
color : #3366cc; 
font-size : 95%; 
margin : 5px 5px 6px; 
} 
#spot_area {
padding-right : 6px; 
border-top : 1px solid #afceed; 
padding-left : 6px; 
background : #e5eff9 url(plavo.gif) repeat-x; 
padding-bottom : 5px; 
margin : 0 0 20px 155px; 
color : #5d5d5d; 
line-height : 1.6em; 
padding-top : 6px; 
border-bottom : 1px solid #afceed; 
text-align : left; 
} 
#spot_area A {
text-decoration : underline; 
} 
#spot_area A:visited {
text-decoration : underline; 
} 
#spot_area H2 {
font-size : 1.3em; 
margin : 0 0 0.5em; 
color : #808080; 
padding-top : 3px; 
} 
#spot_area P {
padding-right : 0; 
padding-left : 0; 
padding-bottom : 0; 
margin : 0; 
padding-top : 0; 
} 
.form {
font-size : 1.2em; 
line-height : 1.3em; 
padding : 10px 0 0; 
margin : 0; 
} 
.dotted-rule {
padding : 0 0 0 15px; 
margin : 10px 0 10px 15px; 
height : 1px; 
font-size : 1px; 
background-image : url("../images/extras/bg_dots.gif"); 
} 
.dotted-rule-sub {
padding : 0; 
margin : 10px 0; 
height : 1px; 
font-size : 1px; 
background-image : url("../images/extras/bg_dots.gif"); 
} 
#footer {
padding-right : 10px; 
background : #669933; 
padding-top : 5px; 
height : 20px; 
text-align : right; 
} 
#footer A {
padding-right : 5px; 
display : inline; 
padding-left : 8px; 
font-size : 1.2em; 
padding-bottom : 3px; 
color : #fff; 
margin-right : 5px; 
} 

#copyright {
padding-right : 50px; 
 padding-left : 5px;
padding-top : 5px;  
text-align : left; 
} 

