html, body, form, h1, h2, h3, h4, ul, li {margin: 0;padding: 0;}
.sivo  {background-color: #AB2A0A; color: #fff}
.belo  {background-color: #C95C17; color: #fff}
h1 img {display: block;}
img {border: 0;}
a {color: #FF6600;text-decoration: mone;}
a:hover {color: #FFA405;}
.left {float: left;}
.right {float: right;}
.more {text-align: right;}
.clear {clear: both;}

body {background: #2D0202;text-align: center;font: 11px arial, sans-serif;color: #F4C389;padding-bottom: 10px;margin-top: 25px}

/** layout **/
#wrapper {text-align: left;margin: auto;width: 749px;position: relative; background:  top right url(../slike/header.jpg) no-repeat;}
#logo {width: 357px; background: url(../slike/logo.png) no-repeat; height: 185px; text-align: center; line-height: 185px;}
#logo h1 {padding-top: 50px; color: #fff; font: bold 27px "arial black", arial, sans-serif;}
#logo p {margin: 0em; padding-left: 50px; font: 17px "arial narrow", arial, sans-serif;}

#nav li {list-style: none;}
#nav-left {width: 178px;}
#nav-left li {background: url(../slike/nav_bg.jpg) repeat-x; font: 18px "arial narrow", arial, sans-serif; height: 62px; line-height: 62px; text-align: right;}
#nav-left a {color: #fff; text-decoration: none; padding-right: 20px;}
#nav-left .orange a {color: #FFC559;}
#nav-left a:hover {text-decoration: underline;}
#nav-right {position: absolute;top: 185px;left: 178px; width: 178px; border-left: 1px solid white;}
#nav-right ul {text-align: right;}
#nav-right li {font: 14px "arial narrow", arial, sans-serif; height: 30px; line-height: 30px; border-top: 1px solid white; background: 152px 10px url(../slike/arr.gif) no-repeat; padding-right: 40px; background-color: #7C0000;}
#nav-right a {color: white; text-decoration: none;}
#nav-right a:hover {text-decoration: underline;}

/** body **/
#body {border-top: 1px solid white; padding-top: 20px; background-color: #7C0000;}
#left {float: left; width: 350px; padding-left: 5px;}
#left_2 {float: left; width: 450px; padding-left: 5px;}
#right {float: right; width: 291px; padding-right: 37px;}
#welcome {padding-left: 15px;}
#welcome h2 {font: 17px "arial narrow", arial, sans-serif;}
#welcome_3 {padding-left: 55px;}
#crta {background: bottom left url(../slike/crta_bg.png) repeat-x; height: 20px; margin-bottom: 0.8em; font-weight: normal;}
h2.guilded {background: bottom left url(../slike/welcome_bg.gif) repeat-x; height: 20px; margin-bottom: 0.8em; font-weight: normal; font-size: 18px; text-transform: lowercase;}
h2.guilded span {background: #7C0000 url(../slike/h_glif.gif) no-repeat;padding-left: 38px; padding-right: 8px; padding-top: 2px; float: left; font-size: 21px;}
.more a {color: #C47552; text-decoration: none; font-weight: bold;}
.more a:hover {color: #FFC559; text-decoration: none;}
p {margin: 1em 0; line-height: 1.1;}

/** right **/
#sub_menu {font: 14px "arial narrow", arial, sans-serif; height: 25px; line-height: 25px; border-bootom: 1px solid white; background: 15px 10px url(../slike/arrow.png) no-repeat; padding-left: 40px;}
#right_2 {float: right; width: 200px; padding-right: 37px;}
#inter {background: #911702; border: 1px solid #B43708; padding-bottom: 6px; margin-bottom: 1.1em;}
#inter h2 {background: url(../slike/h_inter_bg.jpg) repeat-x; border: 1px solid #7C0000; height: 27px; line-height: 27px; color: #660100; font-weight: normal; font-size: 16px; padding-left: 20px; margin: 4px 4px 10px 4px;}
#inter th {text-align: left; padding-left: 10px; padding-right: 10px; color: #FFC559;}
#inter td.submission {text-align: right;}
#menu {border: 0px solid #97321D; padding-top: 15px; text-align: center;}
#menu h2 {margin-left: -38px; font-weight: normal; color: #FF8A00; margin-bottom: 1em; font-size: 16px;}
#menu form {text-align: center;}
#menu p {margin: 1.3em 0;}

/**drustvo **/
#inter ul {text-align: right;}
#inter li {font: 14px "arial narrow", arial, sans-serif; height: 25px; text-decoration: mone; line-height: 25px; border-top: 0px solid #e4e4e4; padding-right: 20px; background: url(../slike/arrow.png) no-repeat right center;}
#podnaslov {font-size: 13px; text-transform: uppercase; text-align: left; padding-left: 25px; padding-right: 10px; line-height: 25px; color: #FFC559; background: #7C0000 url(../slike/h_glif_2.gif) no-repeat;}
#inter a {color: #ffffff; text-decoration: none;}
#inter a:hover {text-decoration: none;color: #E49E6F;}

/** footer **/
#footer {text-align: center; background: url(../slike/divider.gif) repeat-x; padding: 10px 20px 12px 20px; margin: 0 2em;}
#footer li {list-style: none; display: inline;}
#footer a {color: #E49E6F; text-decoration: none;}
#footer a:hover {text-decoration: underline;}

.thumbnail{
position: relative;z-index: 0;color: #fff;
}

.thumbnail:hover{
background-color: transparent;z-index: 50;color: #333;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;background-color: lightyellow;padding: 5px;left: -1000px;border: 1px dashed gray;visibility: hidden;color: black;text-decoration: none; font-size: 9px;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;top: 0;left: 60px; /*position where enlarged image should offset horizontally */
}