/* CSS 2/3 - www.siont.net*/

* { padding: 0; margin: 0; }

body {
margin: 0;
padding: 0;
font-family: verdana, helvetica, tahoma, arial;
background: #FFFBFF url(img/bg_page.gif) fixed repeat-x top;
}
#wrapper {
width: 755px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background-color: #FFF;
padding: 2px 8px 4px 8px;
border-left: 1px solid #E7E7E7;
border-right: 1px solid #E7E7E7;
}
.innertube {
margin: 6px 0px 0 0; /*Margins for inner DIV inside each column (to provide padding)*/
}

/**************** GORNJI DEO ****************/

#topsection {
margin: 0;
border-top: 1px solid #ccd;
height: 145px; /*Height of top section*/
background: #FFF url(img/bg_logo.gif) repeat-x top left;
}
#logo {
/*font: bold 30px Georgia,Verdana;*/
color: #330033;
letter-spacing: 1px;
width: 450px;
float: left;
/*margin: 8px 0px 10px 10px;*/
padding: 10px 0px 10px 28px;
line-height: 1.0em;
}
.logo-tools { /*search box*/
padding: 10px 6px 0px 0px;
font-size: 9px;
text-align: right; 
color: #808080;
line-height: 1.2em;
}
.search input {
font-family: verdana, helvetica;
font-size: 11px;
color: #808080;
margin-top: 1px;
padding: 2px 0 2px 0;
width: 95px;
padding-left: 19px;
background: url(img/global.gif) no-repeat center left #FFFFFF;
background-position: -118px -20px;
border: 1px;
border-style: solid;
border-color: #E4E4E4;
}
.search {
font-size: 10px;
color: #808080;
margin-top: 0px;
padding: 0 0 4px 0;
}
.search-link a, .search-link a:visited {
color: #808080;
text-decoration: none;
padding-right: 1px;
}
.search-link a:hover, #topbar a:hover {
color: #00F;
text-decoration: none;
}
.pagebar {
float: left;
width: 99%;
font-size: 10px;
/*letter-spacing: -1px; */
color: #F00;
padding: 8px 0 0 11px;
}
.pagebar a, .pagebar a:visited {
color: #000099;
text-decoration: none;
}
.pagebar a:hover {
text-decoration: underline;
color: #00F;
}
.this {
color: #000;
 /* font-weight: bold;
font-style: italic;*/
}
.pagebarico {
text-align: right;
color: #ccc;
letter-spacing: -4px;
}

/************** TEKSTUALNI DEO **************/

#contentwrapper {
float: left;
width: 100%;
background-color: #FFF;
}
#content {
margin-top: 0px;
margin-right: 190px; /*Set right margin to RightColumnWidth*/
padding: 0 4% 10px 2%;
background-color: #FFF;
}
#content p, #content li, #content blockquote {
font-size: 0.8em;
}
#p_in { /* parag. unutar elementa */
font-size: 0.8em;
line-height: 1.6em;
}
#content p {
line-height: 1.6em;
padding-bottom: 35px;
}
#content h1{ 
margin: 15px 10px 2px 0px;
padding-bottom: 1px;
letter-spacing: 0.2px;
font-family: tahoma,verdana,arial;
font-size: 17px;
color: #330;
}
#author {
border-top: solid #ccc 1px;
text-align: right;
font-size: 11px;
letter-spacing: 1px;
line-height: 0.4em;
color: #4E4E4E;
padding: 8px 0 40px 0;
}
#content h2 { 
padding-left: 6px;
font-size: 0.9em;
text-transform: uppercase;
color: #036;
font-family: arial,tahoma,verdana;
border-left: 15px solid #FFCCCC;
margin: 0 50px 25px 20px;
}
#content h3 {
font-size: 0.9em;
padding-left: 6px;
color: #036;
font-family: arial,tahoma,verdana;
border-left: 8px solid #9C9;
margin: 0 30px 20px 35px;
}
#content ul, #content ol {
padding: 5px 0 10px 20px;
margin-left: 20px;
line-height: 1.1em;
margin-top: -30px
}
#content li, #toc li,
#contentOff li{
padding: 4px 0 4px 0;
}
#content blockquote { margin: -20px 20px 15px 35px; line-height: 1.3em; }
#content blockquote.intro { margin: 0px 30px 40px 20px; line-height: 1.3em; }
.note { font-size: 70%; color: #626262; margin: -15px 0 30px 20px;
border-left: 3px solid #ccc; padding-left: 10px; }

/* toc - lista */
#toc ul, #toc ol {
padding: 0 0 15px 20px;
line-height: 1.1em;
margin-left: 0;
font-size: 90%;
}

/* slike */
#content .csl, #content .separator {
margin: -15px auto 16px auto;
display: block;
}
#content .dsl {
margin:7px 0 10px 20px;
}
#content .lsl {
margin:7px 20px 10px 0;
}

/* mag. sadrzaj */
.mag_toc_t { font-size: 12px; font-weight:bold; letter-spacing: 1px; color: 
#993300; line-height: 1.8em; font-family: Georgia; }
.mag_toc { font-size: 12px; padding: 0 0 3px 6px; border-left: 1px dotted 
#993300; margin: 10px 0 40px 5px; color: #993300; line-height: 1.4em; }
.mag_toc_d { font-size: 11px; padding: 0 0 3px 6px; border-left: 1px dotted 
#993300; margin: 30px 0 30px 20px; color: #993300; }

/* mag. misaone */
.title_mr { font-size: 95%; color: #000; margin: 0 0 2px 5px; font-weight: bold; color: #036; border-left: 5px solid #9CF; padding-left: 10px; }

.title_mrb { font-size: 95%; color: #000; margin: 0 0 20px 5px; font-weight: bold; color: #036; border-left: 5px solid #9CF; padding-left: 10px; }

.author_mr { font-size: 80%; letter-spacing: 1px; margin: 0 0 20px 5px; color: #036; font-style: italic; border-left: 5px solid #CFF; padding-left: 10px; }

.kopirajt { font-size: 11px; color: #F00; }

/**************** DONJI DEO *****************/

.pnav {
font-size: 11px;
margin: 20px 0 5px 0;
}
.pnav a, .itags a {
color: #00F;
}
.itags {
margin: 8px 0 10px 0;
padding: 3px 0;
/* font-style: italic; */
font-size: 11px;
color: #69C;
}
.gotop {
text-align: right;
padding-right:6px;
margin-bottom: 30px;
}
#footer {
font-size: 10px;
letter-spacing: 1px; 
clear: left;
width: 100%;
background: #CCD;
color: #000;
text-align: center;
padding: 4px 0;
}
#footer a {
color: #000;
text-decoration: none;
}
#footer a:hover {
color: #00F;
text-decoration: underline;
}
.forprintonly { display: none; }

/**************** BLOK LEVO *****************/

#rightcol {
float: left;
width: 190px; /*Width of right column*/
margin-left: -190px; /*Set left margin to -(RightColumnWidth) */
border-bottom: 10px solid #fff;
background: #eef0f3 /*#F7F7F7 url(img/-menu_left_g.gif) no-repeat top left*/;
}
#rightcol h2 {
letter-spacing: 1px;
margin: 0 5px 0 5px;
text-align: right;
font-weight: bold;
font-size: 10px;
font-family: tahoma;
color: #996699 /*#808080*/;
padding: 2px 4px;
border-top: 1px solid #CCCC99;
border-bottom: 0px solid #CCCC99;
background: #E7E7E7 /*url(img/menu_left.gif) no-repeat top left*/;
}
#rightmenu {
text-align: left;
/*font-family: verdana,tahoma,arial,georgia;*/
font-size: 11px;
color: #000066;
padding: 5px 12px 12px 15px;
line-height: 1.4em;
}
#rightmenu a {
/*font-weight: bold;*/
color: #000;
text-decoration: none;
}
#rightmenu a:hover {
color: #00F;
text-decoration: underline;
}
.righttext {
font-size: 11px;
color: #333366;
padding: 12px 15px;
}
.righttext p {
 padding-bottom: 5px;
}
.righttext a {
 text-decoration: none;
 color: #000099;
 /* border-bottom: 1px dotted #6A0A0A; */
}

.righttext a:hover {
 color: #00F;
 text-decoration: underline;
}
#leftepp {
text-align:center;
padding: 10px 15px 14px 15px;
}
.banner { margin-top: 4px; }

#stat {
font-size: 10px;
line-height: 10pt;
color: #808080;
padding: 12px 20px;
border-bottom: solid #FFF 0px;
background-color: #FFF;
margin-top: 0;
border-top: solid #FFF 0px;
}

/******************* MENU *******************/

#menubar {
float: left;
width: 100%;
font-size: 10px;
background-color: #FFF;
padding: 0;
}
#dolphinnav ul {
margin: 0px;
padding: 2px 0;
font: bold 12px Arial, Verdana;
letter-spacing: 1px;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
border-bottom: 1px solid #CCD;
}
#dolphinnav li {
display: inline;
margin: 0;
padding: 0;
}
#dolphinnav li a {
text-decoration: none;
padding: 2px 10px 2px 12px;
margin-right: 0px;
border-right: 1px solid #EEE;
border-top: 1px solid #EEE;
/* border-bottom: none; */
background-color: #F7F7F7;
color: #000;
}
#dolphinnav ul li a span {
color: #6C6C6C; /* 808080*/
}
#dolphinnav ul li a:hover span {
color: #000;
}
#dolphinnav ul li a.current span {
color: #000;
}
#dolphinnav li a:visited, #dolphinnav li a:active{
color: #000;
}
#dolphinnav li a:hover, #dolphinnav li a.current {
background-color: #CCD;
color: #000;
}
#dolphin_inner {
clear: left;
/* width:100%; width of 2nd level sub menus*/
/*height:1.5em; height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/
letter-spacing: 1px;
text-decoration: none;
border-bottom: 2px solid #F7F7F7;
color: #FFF; 
background-color: #CCD;
padding: 3px 0 4px 10px;
}
#dolphin_inner a {
text-decoration: none;
color: black;
font-weight: bold;
}
#dolphin_inner a:hover { text-decoration: underline; }
.innercontent { display:none; }

/************** RAZNI ELEMENTI **************/

acronym { cursor: help; /*color: #008000;*/ border-bottom: 1px dotted #008000; }
acronym:hover { background: #ffc; border-bottom: 1px solid #008000; }
pre { font-size: 10pt; font-family: "Courier New", Courier, monospace; }

fieldset.notef {
padding: 5px 10px 10px 10px;
border: 1px solid #CCC;
font-size: 12px;
}
.notef legend {
font-weight: bold;
font-size:11px; color:#808080;
padding:0 5px 5px 5px;
letter-spacing: 1px;
}
.px9 { font-size: 9px; }
.px10 { font-size: 10px; }
.px11 { font-size: 11px; }
.px12 { font-size: 12px; }
.pt10 { font-size: 10pt; }

#faq p { line-height: 1.6em; padding-bottom: 3px; }
.hidden { display: none; margin-left: 30px; }
.shown { display: block; margin: 10px 0 10px 0; }

.pismo { border: 1px solid #CCCCFF; margin-bottom: 30px; padding: 10px; font-size: 0.8em; line-height: 1.3em; background: #F7F7F7 url(img/bg_pismo.gif) no-repeat top right; }

.valid a { color:#808080; text-decoration: none; }
.keyw a { color:#000; text-decoration: none; }
.valid a:hover, .keyw a:hover { text-decoration: underline; }

/************* IMAGE SPRITEST**************/

.pb_bmark { background: url(img/global.gif) no-repeat; background-position: -1px -1px; }
.pb_send { background: url(img/global.gif) no-repeat; background-position: -20px -1px; }
.pb_print { background: url(img/global.gif) no-repeat; background-position: -39px -1px; }
.pb_sad { background: url(img/global.gif) no-repeat; background-position: -58px -1px; }
.pb_page { background: url(img/global.gif) no-repeat; background-position: -77px -1px; }
.pb_nap { background: url(img/global.gif) no-repeat; background-position: -96px -1px; }
.pb_naz { background: url(img/global.gif) no-repeat; background-position: -115px -1px; }
.pb_mnap { background: url(img/global.gif) no-repeat; background-position: -134px -1px; }
.pb_mnaz { background: url(img/global.gif) no-repeat; background-position: -153px -1px; }
.path { background: url(img/global.gif) no-repeat; background-position: -14px -20px; }
.napf { background: url(img/global.gif) no-repeat; background-position: -7px -20px; }
.nazf { background: url(img/global.gif) no-repeat; background-position: -1px -20px; }
.top { background: url(img/global.gif) no-repeat; background-position: -30px -21px; }

/*********** OBELEZAVANJE LINKOVA ***********/

.ext { background: url(img/css/ext.gif) center right no-repeat; padding-right: 12px; }
.new { background: url(img/css/new.gif) center right no-repeat; padding-right: 12px; }
.pop { background: url(img/css/new.gif) center right no-repeat; padding-right: 12px; }
.out { background: url(img/css/ext.gif) center right no-repeat; padding-right: 12px; }
.eml { background: url(img/css/eml.gif) center right no-repeat; padding-right: 12px; }

.dow { background: url(img/css/dow.gif) center right no-repeat; padding-right: 14px; }
.pdf { background: url(img/pdf16.gif) center right no-repeat; padding-right: 19px; }
.aud { background: url(img/css/aud.gif) center right no-repeat; padding-right: 14px; }
.vid { background: url(img/css/vid.gif) center right no-repeat; padding-right: 14px; }

/*** recnik i biblija ***/

.crf { color: #000; border-bottom: 1px dotted #00F; text-decoration: none;}
.crf:hover { color: #00F; border-bottom: 1px solid #00F; text-decoration: none;}

/*** oopcije ***/