body { background-color:#ede7cf; background-image:url(images/bgMain.jpg); background-repeat:repeat-x; padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#7c634b;}
#container { background-image:url(images/bgMainOver.jpg); background-repeat:no-repeat; background-position:top center; margin:auto; padding:0;}
#content { width:775px; margin:auto;}


#header { width:775px; background-image:url(images/header.jpg); background-repeat:no-repeat; background-position:right; height:116px; overflow:hidden}
#header #headerL { width:284px; height:116px; float:left;}
#header #headerR { width:450px; height:116px; float:right; text-align:right;}
#header h1 { padding:0; margin:0; float:left; text-indent:-9999px; background-image:url(images/logo.jpg); background-repeat:no-repeat;}
#langmenu { padding:0;  margin:15px;list-style:none}
#langmenu li { display:inline;}
#langmenu li a{ padding:0px 5px; color:#7c5b45; border-left:1px solid #7c5b45; text-decoration:none; font-size:10px;}
#langmenu li a.first { border-left:none;}
#langmenu li a:hover {color:#c79f5c}

#main_content{ width:775px; overflow:auto;}
#main_content #columnL { width:493px;float:left; overflow:auto;}
#main_content #columnR { width:282px; float:right; overflow:auto;}


#footer { width:775px; height:114px; background-image:url(images/footerBG.jpg);}
#footermenu_holder {width:775px; text-align:center; padding-top:50px;}
#footermenu { padding:0; margin:0; list-style:none}
#footermenu li { display:inline;}
#footermenu li a{ padding:0px 5px; color:#7f7458; border-left:1px solid #7f7458; text-decoration:none; font-size:10px;}
#footermenu li a.first { border-left:none;}
#footermenu li a:hover { text-decoration:underline;}


#sadrzaj { padding:20px;}
h2.subcontent { padding:0; margin:0; width:270px; height:90px; background-repeat:no-repeat; font-family:"Trebuchet MS", Arial; font-size:18px; color:#7f7458; text-transform:uppercase; line-height:90px; vertical-align:middle; padding-left:10px;}
div.short { padding:10px; margin-bottom:10px;width:250px;}
h1.title { padding:0; margin:0; margin-bottom:15px; font-family:"Trebuchet MS", Arial; font-size:18px; color:#7f7458;}
h3.intro, h2.title { padding:0; margin:0; margin-bottom:15px; font-family:"Trebuchet MS", Arial; font-size:13px; color:#7f7458;}

a { color: #7f7458; }
a:hover { text-decoration: none; }

a.detaljnije, input.btnDodajKomentar { width:123px; height:33px; background-image:url(images/btn_more.jpg); text-align:center; text-decoration:none; display:block; text-align:center; vertical-align:middle; line-height:33px; float:right; margin:10px 0px; border:0; cursor:pointer;}

div.clear { clear:both;}
div.nula{margin-bottom:10px;padding-bottom:10px; border-bottom:1px solid #dcd6b3 }
.regUvod { margin-bottom:20px; color:#7f7458;}
body, th, td, input, textarea, select, option { font-family: Arial, Helvetica, sans-serif; }
input, textarea, select, option { font-size:12px; color:#7f7458;  background-color:#ede7cf; border:1px solid #7f7458; padding:2px;}


#newsHolder p.post {margin-bottom:10px;padding-bottom:10px; border-bottom:1px solid #dcd6b3 }

/* Menu */

.dropdown {float:left; padding:0; margin:0;}
.dropdown dt { padding:0; margin:0; }
.dropdown dt.active {}
.dropdown dt:hover {}
.dropdown dt a {background-image:url(images/menu_bg.jpg); height: 38px; color:#e5c77d; text-decoration:none; font-size:13px; line-height:38px; padding:0; margin:0; text-align:center; font-weight:bold; display:block; width:270px;}
.dropdown dt.active a, .dropdown dt a:hover {background-image:url(images/menu_active.jpg)} 

.dropdown dd {position:absolute; overflow:hidden; display:none;  z-index:200; margin-left:150px; width:237px; }
.dropdown ul {width:237px; list-style:none; line-height:38px; margin:0; padding:0;}
.dropdown li {display:inline; height:38px; margin:0; padding:0;}

.dropdown ul { border:0px solid #e5c77d; float:left; padding:0; margin:0;}
.dropdown ul a, .dropdown ul a:active, .dropdown ul a:visited {display:block; background-color:#3b0d0f; text-align:center; padding:0px 10px; color:#e5c77d; text-decoration:none; font-size:13px; font-weight:bold;background-image:url(images/menu_bg.jpg);  }
.dropdown ul li a:hover { background-color:#561116;background-image:url(images/menu_active.jpg)}
.dropdown .underline {border-bottom:1px solid #CCCCCC}



/* images */
img.lijevo { float:left; margin-right:5px; margin-bottom:5px; border:3px solid #dcd5b2; padding:2px;}
img.desno { float:right; margin-left:5px; margin-bottom:5px; border:3px solid #dcd5b2; padding:2px;}

/* komentari */
.komentari_random{ margin:15px;}
.komentari_random strong {color:#FFEA6F}
.separator { clear:both;}
#komentariStranice, #newsStranice { margin:10px 0px; text-align:right; font-weight:bold;}

/* galerija */
#mod_komentari .nula { height:auto!important;}
#komentariStranice {margin-top:10px; padding-top:3px; text-align:right; margin-right:5px; margin-bottom:5px;}


#mod_gallery_holder { margin:20px 0px;}
#mod_gallery_holder  img, img.preview { border:3px solid #dcd5b2; padding:2px;}
img.preview { margin:10px 0px;}
#mod_gallery_holder  img:hover, img.preview:hover { border:3px solid #dcd5b2; padding:2px;}

#lightbox { position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox a img { border: none; }
#outerImageContainer { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer { padding: 10px; }
#loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav { left: 0; }
#hoverNav a { outline: none; }
#prevLink, #nextLink { width: 49%; height: 100%; background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left; }
#nextLink { right: 0; float: right; }
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% }
#imageData { padding:0 10px; color: #666; }
#imageData #imageDetails { width: 70%; float: left; text-align: left; }
#imageData #caption { font-weight: bold; }
#imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose { width: 66px; float: right; padding-bottom: 0.7em; }
#overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }

/* kontakt */


#mod_kontakt .kontakt_item { overflow:auto; padding-bottom:10px;} 
#mod_kontakt .kPozicija { color:#7f7458; font-weight:bold;}
#mod_kontakt .kontakt_opis_lijevo { float:left; font-size:12px; width:250px; }
#mod_kontakt .kontakt_opis_desno{ float:left; font-size:12px; width:230px;}
#mod_kontakt  #kPORUKA{color:#7f7458; margin:10px 0px; font-weight:bold; font-size:13px;}

#mod_kontakt  .kObrazac fieldset { border: none}
#mod_kontakt  .kObrazac input, #mod_kontakt  .kObrazac textarea { width:400px}
#mod_kontakt h2 { margin:10px 0px}
#mod_kontakt .pozicija { margin-bottom:10px; font-weight:bold;}
#mod_kontakt .kSaljiButton { border:none; text-align:left; font-weight:bold; cursor:pointer; margin:10px 0px;}

/* login form */


label { display:block; margin:5px 0px;}

#frmLogin2 { padding-top:5px;}


#newsHolderBottom a.newsHolderBottomBack, #mod_gallery a.galitem {background: url(images/img06.gif) no-repeat 15px 50%;; padding-left:30px;}
.post a.more {background: url(images/img06.gif) no-repeat 15px 50%;; padding-left:30px;}


.regUvod { margin-top:10px; color:#7f7458;}
.regInvert { font-weight:bold;}
.section { padding:10px 0px; font-size:12px; color:#7f7458}
.hig { padding:10px 0px; font-size:12px;}