* {
margin : 0;
padding : 0;
}
body {
background : #7C91A6 url(../slike/bgblue1.gif) fixed left top;
margin : 0;
padding : 0;
font: 13px/15px "Trebuchet MS",Verdana, sans-serif;
}
#strana {
border-left : 7px solid #6787a2;
border-right : 7px solid #6787a2;
background : #6787a2 url(../slike/body_bg2.gif) repeat-y fixed 50% top;
width : 652px;
height : 100%;
padding : 0;
margin : 0 auto;
}
#zaglavlje {
width : 638px;
height : 200px;
padding : 0;
margin : 0 auto;
}
#omotac {
margin : 0 auto;
width : 652px;
display : block;
}
.cistac {
clear : both;
height : 0;
}
#levo {
padding:0;
}
.marg1 {
width : 480px;
margin: 0;
padding: 0;
float: left;
}
.marg2 {
margin-left:10%;
float: none;
width : 480px;
}

#levo .vrh {
width : 490px;
height : 18px;
padding : 0;
margin : 0;
}
#levo .dole {
width : 490px;
height : 21px;
padding : 0;
margin : 0;
background : url(body_bg9.gif) repeat-y fixed 50% top;
}
#home #levo .text p {
float : right;
width : 450px;
color : #412d59;
font : 14px/22px "Trebuchet MS", sans-serif;
border-left : 2px solid #8da5bd;
border-top : 2px solid #8da5bd;
margin-right : 0px !important;
margin-right : 0px;
text-indent: 50px

}
#webd #levo .text p {
float : right;
width : 387px;
color : #412d59;
font : 14px/22px "Trebuchet MS", sans-serif;
border-left : 2px solid #8da5bd;
border-top : 2px solid #8da5bd;
margin-right : 20px !important;
margin-right : 10px;

}
#levo .opis {
float : right;
width : 325px;
color : #8da5bd;
font : 14px/22px "Trebuchet MS", sans-serif;
border-left : 1px solid #8da5bd;
border-top : 1px solid #8da5bd;
border-right : 1px solid #8da5bd;
margin-right : 45px !important;
margin-right : 18px;
margin-top: 35px;
background : url(../slike/opis_bg.gif) repeat-x left top;
}
#levo .opis a {
	color:#fff;
	font-weight: bold;
	font: bold 10px Tahoma, sans-serif;
	border-bottom:1px solid #ddd;
}
#levo .opis a:link, #levo .opis a:visited {
	color:#fff;
}
#levo .opis a:hover, #levo .opis a:hover {
	color:#622;
	border:none;
}
#levo .opis img {
	border: 3px solid #60819F;
	padding:0;
	margin:10px;
	float: left;
}
#levo .opis small {
   font-size: 11px;
	color: #F5F5F5;
	display: block;
	background: transparent;
	margin: 3px 0 3px 10px;
	padding-left: 5px;
	border-top: 1px solid #93AAC1;
	width: 200px;
	float: left;
}
#home .text span {
display : block;
position : absolute;
height : 18px;
width : 18px;
overflow : hidden;
margin-left : 8px !important;
margin-left : 8px;
margin-top : 64px !important;
margin-top : 0;
background : transparent url(../slike/sp.gif) no-repeat top left;
}
#webd .text span {
display : block;
position : absolute;
height : 18px;
width : 18px;
overflow : hidden;
margin-left : 51px !important;
margin-left : 51px;
margin-top : 64px !important;
margin-top : 0;
background : transparent url(../slike/sp.gif) no-repeat top left;
}
.opis span {
display : block;
position : absolute;
height : 18px;
width : 18px;
overflow : hidden;
margin-left : -2px !important;
margin-left : -227px;
margin-top : -2px !important;
margin-top : -327px;
background : transparent url(../slike/sp.gif) no-repeat top left;
}
#levo .le {
width : 120px;
float : left;
margin : 10px 40px !important;
margin : 10px 20px;
}
#desno {
width : 148px;
_width : 140px;
float : right;
padding : 0 0 10px 0;
margin-right : 20px!important;
margin-right : 15px;

}
#desno .vrh {
padding : 0 10px 0 0;
margin : 0 10px;
width : 100px;
}
#desno .vrh p {
font : 11px/14px Tahoma, sans-serif;
color : #394d39;
}
#desno .dole {
padding : 0;
margin : 450px 0 0 0;
width : 120px;
height : auto;
background : url(body_bg9.gif) repeat-y fixed 50% top;
}
#desno .vrh ul {
margin : 0;
padding : 0;
list-style : none;
}
#desno .vrh ul li {
margin : 0;
padding : 2px;
list-style : none;
display : block;
border-left : 0 solid #265684;
}
#desno .vrh ul a {
	display: block;
	width: 85px;
	background: #573d6b;
	color: #c6e6ff;
	padding: 3px;
	padding-left: 10px;
	text-decoration: none;
	margin: 0;
	border: 0;
	border-left: 5px solid #3D274C;
	font: bold 11px Tahoma, sans-serif;
}
#desno .vrh ul a:hover {
	color: #fff;
	background: #537697;
	border-left: 5px solid #38526C;
}
#desno .vrh ul a.aktivan {
color : #fff;
background : #537697;
border-left : 5px solid #fff;
}
#desno .sadrzaj {
border-left : 1px solid #8da5bd;
background: url(../slike/content_bg.gif) no-repeat left top;
}
#desno .sadrzaj p {
	font: 11px/16px Tahoma, serif;
	text-align: justify;
	color: #3F668A;
	padding: 0 0 0 7px;
	line-height: 16px;
	width: 105px;
	margin: 0;
}

.sadrzaj {
padding :0;
clear : both;
}
.le p {
color : #fffce5;
margin : 5px 0px;
font : bold 12px "Trebuchet MS", sans-serif;
text-decoration : none;
text-align : center;
letter-spacing : 1px;
border-left : 2px solid #507395;
border-top : 2px solid #507395;
list-style : none;
clear : both;
background : #83a3bf;
padding : 7px 5px;
width : 125px;
text-transform : uppercase;
}
.le span {
display : block;
position : absolute;
height : 0;
width : 0;
overflow : hidden;
border-top : 22px solid #83a3bf;
border-bottom : 0 solid #8da5bd;
margin-left : 122px;
margin-top : 39px !important;
margin-top : 34px;
border-left : 7px solid #9db3c8;
border-right : 7px solid #9db3c8;
}
#home .text ul.home li {
color : #412d59;
margin : 7px 0 0 185px !important;
margin : 7px 0 0 195px;
font : bold 10px Tahoma, sans-serif;
text-decoration : none;
border-left : 1px solid #B5CBDF;
border-top : 1px solid #B5CBDF;
border-bottom : 0 solid #7491ad;
list-style : none;
clear : both;
background : none;
padding : 3px 5px 3px 10px;
width : 180px;
text-transform : uppercase;
}
#webd .text ul.wd li {
color : #412d59;
margin : 5px 0 0 130px !important;
margin : 5px 0 0 140px;
font : bold 11px Tahoma, sans-serif;
text-decoration : none;
border-left : 1px solid #84a1bd;
border-top : 1px solid #84a1bd;
border-bottom : 0 solid #7491ad;
list-style : none;
clear : both;
background : none;
padding : 3px 5px 3px 10px;
width : 300px;
text-transform: none;
}
#webd .text ul.wd li em {
	color:#833;
	font-style: normal;
}
#webd .text ul.wd li small {
	color: #833;
	font:bold 9px Tahoma, sans-serif;
}
#home .text ul li span, #webd .text ul li span {
display : block;
position : absolute;
height : 0;
width : 0;
overflow : hidden;
border-top : 0 solid #9db3c8;
border-bottom : 5px solid #9db3c8;
margin-left : -9px!important;
margin-left : -9px;
margin-top : -2px!important;
margin-top : -2px;
border-left : 5px solid maroon;
}

img {
float : right;
padding-left : 15px;
padding-bottom : 2px;
padding-top : 3px;
border : 0 solid #805959;
}
#pmenu ul {
margin : 5px 0 0 0;
padding : 5px 0 0 0;
list-style-type : none;
text-align : center;
}
#pmenu ul li {
display : inline;
}
#pmenu ul li a {
text-decoration : none;
padding : 2px 5px;
color : #2c6194;
font : bold 10px Verdana, sans-serif;
line-height : 14px;
}
#pmenu ul li a:hover {
color : #fff;
background-color : #369;
}
#pmenu #active a {
color : #ebf2f7;
}
#dno {
margin : 0 auto;
padding:0;
width : 638px;
text-align : center;
color : #ededed;
font-weight : bold;
background : none;
font-size : 10px;
height : 75px;
line-height: 0;
}
h1 {
margin : 30px 0 25px 50px;
padding-left : 0;
color : #fffce5;
background-color : transparent;
font-size : 16px;
font-weight : bold;
line-height : 140%;
border-bottom : 0 solid #8fa8c0;
letter-spacing : 1px;
text-transform : uppercase;
text-align : center;
}
h2 {
margin-left : 45px;
padding-left : 45px;
color : #4c664c;
background-color : transparent;
font-size : 1.5em;
font-weight : bold;
line-height : 100%;
}
h2.primo {
letter-spacing : 1px;
text-decoration : underline;
text-transform : uppercase;
font-size : 1.2em;
text-align : center;
line-height : 130%;
}
h2.sec {
font-size : 0.8em;
text-align : center;
line-height : 100%;
}
h3 {
margin-left : 25px;
padding-left : 25px;
color : #4c664c;
font-size : 1.2em;
font-weight : bold;
line-height : 20px;
background : #eeeeee url('../slike/pec_bg.gif') no-repeat left top;
}
h4 {
	padding: 0;
	margin: 0;
	margin-bottom: 5px;
	color: #3B6287;
	background-color: transparent;
	font-size: 1em;
	font-weight: bold;
}
h5 {
color : #4c664c;
background-color : transparent;
padding : 0;
font-size : 0.8em;
font-weight : bold;
margin : 0;
padding : 0;
margin-bottom : 5px;
text-align : center;
}
h6 {
padding : 0;
margin-top : 0;
margin-right : 0;
margin-bottom : 5px;
margin-left : 0;
color : #4c664c;
font-size : 0.7em;
font-weight : normal;
line-height : 150%;
}
p {
font : 14px/16px Georgia, serif;
text-align : justify;
color : #fff;
padding : 10px;
line-height : 22px;
}
strong {
color : #594343;
}
li strong {
color : #fff;
font-weight : bold;
}
em {
font-weight : bold;
}
a {
color : #fff;
text-decoration : none;
border-bottom : 0 solid;
padding : 0;
margin-right : 10px;
margin-top:5px;
font : bold 10px sans-serif;
line-height:30px;
}
a:hover {
	color: #507395;
	text-decoration: none;
	border-bottom: 0 solid;
}
acronym {
border-bottom : 1px solid #eee;
color : #eee;
font-weight : bold;
cursor : help;
}
a img{
	border: 0;
	float: none;
	margin: 0;
	padding: 0
}
hr {
border : 0;
border-bottom : 1px dashed #a1b3a1;
height : 1px;
}
blockquote {
width : 400px;
margin-left : 0;
}
.satM {
border : 3px solid #6789a9;
padding-right : 0;
padding-left : 0;
float : left;
padding-bottom : 0;
margin : 10px 35px !important;
margin : 10px 25px;
overflow : hidden;
width : 150px;
padding-top : 0;
height : 150px;
}
.satV {
border : 3px solid #6789a9;
padding-right : 0;
padding-left : 0;
float : left;
padding-bottom : 0;
overflow : hidden;
width : 150px;
padding-top : 0;
background-repeat : no-repeat;
height : 200px;
margin : 10px 35px !important;
margin : 10px 25px;
}
.satS {
border : 3px solid #6789a9;
padding-right : 0;
padding-left : 0;
float : left;
padding-bottom : 0;
margin : 10px 35px !important;
margin : 10px 25px;
overflow : hidden;
width : 158px;
padding-top : 0;
background-repeat : no-repeat;
height : 150px;
}
.galvk {
border : 3px solid #6789a9;
padding-right : 0;
padding-left : 0;
float : left;
padding-bottom : 0;
margin : 10px 42px!important;
margin : 10px 30px;
overflow : hidden;
width : 150px;
padding-top : 0;
background-repeat : no-repeat;
height : 83px;
}
.galkal {
border : 3px solid #6789a9;
padding-right : 0;
padding-left : 0;
float : left;
padding-bottom : 0;
margin : 10px 42px!important;
margin : 10px 30px;
overflow : hidden;
width : 150px;
padding-top : 0;
background-repeat : no-repeat;
height : 93px;
}
.flyer {
border : 3px solid #6789a9;
padding-right : 0;
padding-left : 0;
float : left;
padding-bottom : 0;
margin : 10px 80px!important;
margin : 10px 45px;
overflow : hidden;
width : 300px;
padding-top : 0;
background-repeat : no-repeat;
height : 212px;
}
.zah {
border : 3px solid #6789a9;
padding-right : 0;
padding-left : 0;
float : left;
padding-bottom : 0;
margin : 10px 130px!important;
margin : 10px 70px;
overflow : hidden;
width : 200px;
padding-top : 0;
background-repeat : no-repeat;
height : 284px;
}
.logo {
border : 0 solid #1c3e60;
padding : 3px;
float : left;
margin : 10px 120px !important;
margin : 10px 40px;
overflow : hidden;
width : 289px;
padding-top : 0;
background : url('bg_krst.gif') repeat -3px -3px;
height : 313px;
}
.logo img {
padding : 0;
margin-top : 4px;
}
div.poruka {
	margin:25px auto;
}
div.poruka p {
	font:14px "Trebuchet MS", sans-serif;
	color:#fff;
	text-align: center;
}
#home #levo .text p.fp {
	text-indent:2em;
	line-height: 1.7em;
}