/* CSS RESET & GLOBALS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, ins, kbd, q, s, samp, small, strike, tt, var, fieldset, form, label, legend, caption { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; }

a:focus { outline: none; }
a img { border: none; }

strong, b { font-weight: bold; }
em, i { font-style: italic; }

/* GLOBALS */
html, body { height: 100%; }
body { background: #d9095f url(img/bgnd.gif) no-repeat 0 0; line-height: 1; }

body, td, th, textarea, input, select, h2, h3, h4, h5, h6, pre { font: 11px Arial, sans-serif; color: #ffffff; line-height: 15px; }

.picBorder { border: 1px solid #a6a6a6; }
.txtSmall { font-size: 10px; }
.txtSmallest { font-size: 9px; }
.date, .datum { font-size: 11px; color: #5c5c5c; }
.highlighted { color: #f7b0ba; }

.picRight { margin: 3px 0 10px 10px; border: 1px solid #a6a6a6; }
.picLeft { margin: 3px 20px 10px 0; border: 1px solid #a6a6a6; }
.thn { margin: 7px 7px 7px 0px; border: 1px solid #a6a6a6; float: left; }
.thnFirst { margin: 7px 8px 7px 0px; border: 1px solid #a6a6a6; float: left; }
.naziv { width:600px; display:inline-block;}

ul.inline { margin: 0; padding: 0; list-style: none; }
ul.inline li { display: inline; }

/* LINKS */
a:link, a:active, a:visited, a:hover { text-decoration: none; }

a:link, a:active, a:visited { color: #ffffff; }
a:hover { color: #f7b0ba; }

.pageContent a:link, .pageContent a:active, .pageContent a:visited { color: #ef3f76; }
.pageContent a:hover { color: #6c4f44; }

.headerLinks a:link, .headerLinks a:active, .headerLinks a:visited  { display: block; background: none; padding: 20px 0 0 0; }
.headerLinks a:hover { display: block; background: url(img/headerLinkActive.gif) no-repeat center top; padding: 20px 0 0 0; color: #ffffff; }
.headerLinks .active a { display: block; background: url(img/headerLinkActive.gif) no-repeat center top; padding: 20px 0 0 0; }

.more a:link, .more a:active, .more a:visited { color: #740031; background: url(img/more.gif) no-repeat right; padding: 0 17px 0 0; }
.more a:hover { color: #f7b0ba; background: url(img/more_hover.gif) no-repeat right; padding: 0 17px 0 0; }

.more2 a:link, .more2 a:active, .more2 a:visited { color: #ffffff; background: url(img/more2.gif) no-repeat right; padding: 0 17px 0 0; }
.more2 a:hover { color: #f7b0ba; background: url(img/more_hover.gif) no-repeat right; padding: 0 17px 0 0; }

.topMenu li a:link, .topMenu li a:active, .topMenu li a:visited { color: #ffffff; }
.topMenu li a:hover { color: #740031; }

.leftMenu li a:link, .leftMenu li a:active, .leftMenu li a:visited { color: #6c4f44; }
.leftMenu li a:hover { color: #740031; }

.left p a:link, .left p a:active, .left p a:visited { color: #ef3f76; }
.left p a:hover { color: #6c4f44; }


/* WRAPPERS */
.fullStretch { width: 100%; }
.marginTop1 { margin: 10px 0 0 0; }
.marginTop2 { margin: 20px 0 0 0; }

.header { width: 980px; height: 150px; background: url(img/headerBgnd.gif) no-repeat 0 0; }
.logoContainer { width: 285px; }
.logoContainer img { margin: 0 0 0 50px; }
.headerMain { vertical-align: bottom; }
.headerLinks { margin: 65px auto 20px 10px; }
.headerLinks td { height: 35px; vertical-align: bottom; padding: 0 15px; }

.indexMainWrapper { background: url(img/indexMiddleBgnd.gif) no-repeat 0 0; width: 945px; height: 266px; }
.indexMain { width: 845px; margin: 20px 0 20px 35px; }
.indexMain td { vertical-align: top; }
.indexMain img { margin: 0 0 10px 0; }
.indexMainBox { width: 150px; }
.indexHeading { font: 16px Arial, Helvetica, sans-serif; font-weight: bold; margin: 0 0 8px 0; }
.indexHeading2 { font: 12px Arial, Helvetica, sans-serif; font-weight: bold; margin: 5px 0 12px 0; }
.indexTitle { font: 12px Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold; margin: 0 0 6px 0; }
.indexMainDivider { background: url(img/indexMainDivider.png) repeat-y center top; width: 31px; }
.indexMainRight { width: 185px; }
.more, .more2 { margin: 6px 0 0 0; }

.headingSubWrapper { width: 940px; background: url(img/titleAreaBgnd.gif) no-repeat 0 0; }
.headingSub { width: 100%; height: 210px; }
.headingSub th { text-align: left; width: 305px; }
.headingSub td { vertical-align: bottom; }
.headingSub td h1 { font: 32px Arial, Helvetica, sans-serif; margin: 0 0 15px 0; } 

.middleWrapper { background: url(img/mainBgnd.gif) no-repeat 0 0; width: 945px; height: 353px; color: #6c4f44; }
.middle { width: 860px; margin: 20px 0 20px 20px; }
.middle td { color: #6c4f44; }
.left { vertical-align: top; width: 160px; }
.left p { margin: 5px 0 10px 0; color: #ef3f76; font-size: 12px; }
.left p a.active { ffont-weight: bold; }
.middleDivider { background: url(img/middleDivider.gif) repeat-y center top; width: 41px; }
.main { vertical-align: top; }
.flash {width:942px; height:285px; margin-bottom:0px; padding:0px; display:block; }

.topMenuWrapper { padding: 15px 0 0 20px; }
.topMenu { margin: 0 0 20px 0; padding: 0; list-style: none; }
.topMenu li { display: inline; font: 12px Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 0 15px 0 0; font-weight: bold; }
.topMenu li.active a { color: #740031; }
.pageTitle { font: 22px Arial, Helvetica, sans-serif; color: #91003e; text-transform: uppercase; padding: 20px 0 15px 20px; font-weight: bold; }
.main h2 { font: 17px Arial, Helvetica, sans-serif; color: #91003e; font-weight: bold; margin: 0 0 13px 0; }
.main .podnaslov { font: 14px Arial, Helvetica, sans-serif; color: #ef3f76; font-weight: bold; margin: 0 0 13px 0; }
.pageContent { height: 282px; overflow: auto; padding: 0 20px 0 0; }
.pageContent p { margin: 0 0 10px 0; }
.pageContent p em { font-size: 13px; }
.pageContent td p { margin: 0; }
.pageContent h3 { font: 12px Arial, Helvetica, sans-serif; color: #91003e; font-weight: bold; padding: 7px 0; }

.leftMenu { margin: 3px 0 0 0; padding: 0; list-style: none; }
.leftMenu li { padding: 0 0 10px 0; font: 12px Arial, Helvetica, sans-serif; }
.leftMenu .active a { font-weight: bold; }

.pageBottomWrapper { width: 890px; height: 134px; background: url(img/pageBottomBgnd.gif) no-repeat 0 0; }
.pageBottom { width: 855px; margin: 13px 0 0 35px; }
.pageBottom td { vertical-align: top; }
.pageBottom table th { width: 165px; text-align: left; }
.pageBottomDivider { background: url(img/indexMainDivider.png) repeat-y center top; width: 31px; }
.pageBottomRight { width: 370px; }
.sendToFriendTitle { width: 287px; }
.pageBottomRight .indexHeading { font: 16px Arial, Helvetica, sans-serif; font-weight: bold; margin: 0 0 10px 0; }

.sendToFriend td { width: 150px; vertical-align: top; }
.textboxWrapper { height: 21px; background: url(img/textboxBgnd.png) no-repeat 0 0; margin: 1px 0 1px 0; }
.textareaWrapper { height: 59px; background: url(img/textareaBgnd.png) no-repeat 0 0; margin: 1px 0 1px 0; }
.textbox, textarea { background: none; border: none; }
.sendFriendbox { width: 130px; height: 15px; padding: 3px 3px; color: #6c4f44; }
.sendFriendarea { width: 130px; height: 53px; padding: 3px 3px; color: #6c4f44; }

.footer { width: 800px; }
.footer td { padding: 10px 20px 9px 20px; color: #ffffff; }
.footer td img { vertical-align: middle; }
.footerLeft { width: 210px; }
.footerMain { text-align: center; }
.footerRight { text-align: right; }

.tablica1 td { padding: 6px 8px; color: #91003e; }
.tablica1 .rowPink { background: #f5e4da; }

.scheduleLegendContainer { width: 180px; vertical-align: top; }
.scheduleLegendContainer p { padding: 0 0 0 25px; }
.scheduleLegend { margin: 0 0 0 25px; padding: 0; list-style: none; }
.scheduleLegend li { padding: 5px 0; }
.scheduleLegend li img { vertical-align: middle; margin: 0 7px 0 0; }

.izdvojeno { width: 100%; }
.izdvojeno th { width: 85px; text-align: center; }
.izdvojeno th img { margin-right: 15px; }