/* -----------------------------------
Andrija Markovic - Markom Dizajn
http://www.markomdizajn.com
-----------------------------------*/

/* -----------------------------------*/
/* ---------->>> CSS RESET <<<--------*/
/* -----------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
fieldset, img { border:0; }
ol, ul { list-style:none; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/
body { font-family: "Times New Roman", Times, serif; background-color: #bd8426; }
a:link, a:active, a:visited { text-decoration: none; }
a:hover { color: #ccd; text-decoration: underline; }
/* -----------------------------------*/
/* ---------->>> LAYOUT <<<-----------*/
/* -----------------------------------*/
#wrapper { width: 100%; }
#header_wrapper { height: 117px; background: url(../images/header_bgrd.jpg) repeat-x; }
#header { margin: 0 auto; height: 117px; width: 960px; }
#header img { margin: 30px 80px; }
#content_wrapper { height: 525px; background:  url(../images/main_bgrd.jpg) repeat 50% 0; }
#content { margin: 0 auto; height: 525px; width: 960px; background: url(../images/main_bgrd.jpg) repeat 50% 0; }
#content img { margin: 20px 235px }
#footer_wrapper { height: 153px; background: #ccc url(../images/footer_bgrd.jpg) repeat-x; }
#footer { margin: 0 auto; width: 960px; }
#footer a { display: block; float: left; height: 30px; margin: 8px; margin-top: 30px; }
#footer a.pocetna { background: url(../images/nav_pocetna.png) no-repeat; width: 117px; margin-left: 150px; }
#footer a.istorija { background: url(../images/nav_istorija.png) no-repeat; width: 257px; }
#footer a.rodoslov { background: url(../images/nav_rodoslov.png) no-repeat; width: 125px; }
#footer a.kontakt { background: url(../images/nav_kontakt.png) no-repeat; width: 115px; }
#footer img { margin-left: 145px; }
#footer p.copyright { width: 950px; height: 18px; margin-top: 5px; color:#F0B733; font-size:13px; font-family: "Times New Roman", Times, serif; text-align: center;}
#footer p.copyright a { display: inline; float:none; color:#F0B733; margin: 0;}
/* -----------------------------------*/
/* --------->>> Istorija <<<-----------*/
/* -----------------------------------*/
#istorija #content_wrapper, #istorija #content { height:auto; position: relative; }
#istorija #content h1 { font-size: 24px; padding-top: 20px; color: #723f07; margin-left: 25px; width: 580px; border-bottom: 1px dotted #BF966B; }
#istorija #content p { margin: 10px 350px auto 25px; color: #784309; z-index: 10; position: relative; }
#istorija #content img { margin: auto; z-index: 1; position: absolute; right: 0; }
.#istorija p:first-letter { font-size : 26px; font-weight : bold; float : left; width : 1em; }
.#istorija p.normal:first-letter { font-size: 16px; font-weight: normal; float:none; width: auto;}
.bottom { padding-bottom: 40px;}
#istorija #content ol { color: #784309; margin-left: 50px; margin-top: 10px; list-style-type: decimal;}
/* -----------------------------------*/
/* --------->>> Rodoslov <<<-----------*/
/* -----------------------------------*/
#rodoslov #content_wrapper, #rodoslov #content { height: 535px; position: relative; }
#rodoslov #content h1 a { font-size: 24px; padding-top: 30px; color: #723f07; width: 950px; text-align: center; color: #723f07; display: block; }
#rodoslov #content h1 a:hover { text-decoration: underline; color: #8F5F2C;}
#rodoslov #content h2.cetiri_sina { font-size: 24px; padding-top: 10px; color: #723f07; margin-left: 50px; width: 830px; border-bottom: 1px dotted #BF966B; }
#rodoslov #content h2.cetiri_sina.kontakt { padding-top: 30px;}
#rodoslov #content h3.branko { border: none; margin-left: 50px; color: #723F07;}
#rodoslov #content p.mejl { margin-left: 50px; color: #723F07; padding-top: 10px;}
#rodoslov #content img { margin: auto; z-index: 1; position: absolute; top: 55px; left: 200px; }
#rodoslov #content img.kontakt { left: 270px;}
#rodoslov div.stevan, #rodoslov div.lazar, #rodoslov div.djuro, #rodoslov div.golub { float: left; width: 230px; color: #784309;}
#rodoslov div.stevan { margin-left: 25px;}
#rodoslov h1 { margin-bottom: 30px;}
#rodoslov h2 { margin-left: 25px; font-size: 22px; margin-bottom: 15px;  z-index: 10; position: relative; }
#rodoslov h3 { width: 155px; margin-left: 25px; font-size: 20px; margin-top: 18px; border-top: 1px dotted #BF966B; z-index: 10; position: relative; padding-left: 12px; /* background: url(../images/rodoslov-bullet.gif) no-repeat 0 8px; */ }
#rodoslov ul { margin-left: 25px; margin-right: 20px; margin-bottom: 30px;  z-index: 10; position: relative;}
#rodoslov ul li { padding-left: 12px; /*background: url(../images/rodoslov-bullet.gif) no-repeat 0 8px; */ font-size: 18px; margin-bottom: 10px;}
#rodoslov li a, #rodoslov li a:visited, #rodoslov h3 a, #rodoslov h3 a:visited {color: #784309; display: block}
#rodoslov li a:hover {color: #8F5F2C;}
/* -----------------------------------*/
/* --------->>> rodoslovi <<<-----------*/
/* -----------------------------------*/
#rodoslovi #content h1 { font-size: 24px; padding-top: 30px; color: #723f07; width: 580px; border-bottom: 1px dotted #BF966B; }
#rodoslovi #content_wrapper, #rodoslovi #content {height: auto; overflow: visible;}
#rodoslovi #content img { margin-left: 0; margin-right: 0;}
#rodoslovi #content.siroko { width: 1120px;}
#rodoslovi p.preuzmite a{ padding-bottom: 30px; color: #723f07; display: block; width: 250px;}