body {
margin: 0px;
padding: 0px;
text-align: center;
background-color: #cccccc;  
}

img {
border: 0px;
}

p {
margin-top: 0px;
margin-bottom: 0px;
font-family: arial;
color: #777777;
}

h1 {
font-family: arial;
}

#box {
width: 716px;
height: 700px;
text-align: left;
margin-left: auto;
margin-right: auto;
background-image: url(../images/bck_box.gif);
}

#navig {
width: 700px;
margin-left: 8px;
padding: 0px;
}

/* -------------- */
/*   HEADER  */
/* -------------- */

#sl1 {
position: absolute;
margin: 0px;
}

#sl2 {
position: absolute;
margin-left: 200px;
margin-top: 0px;
}

#zas1 {
position: absolute;
margin-left: 610px;
margin-top: 0px;
}

#zas2 {
position: absolute;
margin-left: 654px;
margin-top: 0px;
}

#sl3 {
position: absolute;
margin-left: 0px;
margin-top: 35px;
}

#sl4 {
position: absolute;
margin-left: 200px;
margin-top: 35px;
}

#linija {
position: absolute;
margin-top: 233px;
margin-left: 10px;
}

/* -------------------------  */
/* -------MENU---------- */
/* ------------------------- */

#menu {
position: absolute;
width: 500px;
height: 25px;
margin-top: 213px;
margin-left: 200px;
border: 0px;
background-image: url(../images/bck_menu.gif);
background-repeat: repeat-x;
}

#menu p{
margin-top: 5px;
}

#menu a{
margin-left: 25px;
margin-right: 25px;
font-family: arial;
font-size: 11px;
text-decoration: none;
}

#menu a:link, #menu a:visited {
color: #fff;
}

#menu a:hover {
color: #ffcc00;
}

/* ---------------------- */
/* -----ADRESA------ */
/* ---------------------- */

#adresa {
position: absolute;
margin-top: 245px;
margin-left: 5px;
width: 200px;
height: 387px;
}

#adresa h1 {
color: #760000;
font-size: 12px;
margin-top: 10px;
margin-left: 15px;
margin-bottom: 0px;
}

#adresa p {
font-size: 12px;
margin-left: 15px;
}

#adresa a {
font-size: 12px;
color: #760000;
text-decoration: none;
}

#adresa a:hover {
text-decoration: underline;
}

/* ------------------ */
/* --SADRZAJ--- */
/* ------------------ */

#sadrzaj {
position: absolute;
margin-top: 238px;
margin-left: 200px;
width: 500px;
height: 400px;
background-color: #ffffff;
}

#sadrzaj1 {
position: absolute;
margin-top: 238px;
margin-left: 200px;
width: 300px;
height: 400px;
background-color: #ffffff;
}

#sadrzaj2 {
position: absolute;
margin-top: 238px;
margin-left: 500px;
width: 200px;
height: 400px;
background-color: #ffffff;
}

img.crta {
margin-top: 15px;
margin-left: 0px;
margin-right: 10px;
float: left;
}

img.logo {
margin-top: 15px;
margin-left: 15px;
margin-right: 40px;
}

img.glavna {
margin: 0px;
}

#sadrzaj h1, #sadrzaj1 h1, #sadrzaj2 h1 {
margin-top: 45px;
margin-left: 0px;
float: left;
font-size: 18px;
color: #777777;
}

#sadrzaj h2, #sadrzaj1 h2, #sadrzaj2 h2 {
margin-top: 5px;
margin-left: 15px;
margin-bottom: 0px;
color: #333333;
font-size: 12px;
font-family: arial;
font-weight: bold;
}

#sadrzaj h3, #sadrzaj1 h3, #sadrzaj2 h3 {
margin-top: 0px;
margin-left: 20px;
margin-bottom: 10px;
color: #aaaaaa;
font-size: 11px;
font-family: arial;
font-style: italic;
font-weight: 200;
}

#sadrzaj p, #sadrzaj1 p, #sadrzaj2 p {
color: #777777;
font-size: 12px;
margin-left: 15px;
margin-top: 90px;
margin-right: 20px;
margin-bottom: 0px;
}

#sadrzaj a, #sadrzaj1 a, #sadrzaj2 a {
text-decoration: none;
color: #760000;
}

#sadrzaj a:hover, #sadrzaj1 a:hover, #sadrzaj2 a:hover {
text-decoration: underline;
}

#sadrzaj b, #sadrzaj1 b, #sadrzaj2 b {
color: #333333;
}

/* ----------------- */
/* FOOTER */
/* ---------------- */

#footer {
position: absolute;
margin-top: 650px;
margin-left: 200px;
width: 500px;
height: 50px;
background-image: url(../images/bck_foot.gif);
}

#footer p {
margin-top: 15px;
margin-left: 15px;
font-family: arial;
font-size: 10px;
color: #777777;
}

#footer a {
margin-left: 3px;
margin-right: 3px;
text-decoration: none;
color: #760000;
}