@charset "utf-8";
/* CSS Document */
body { height:100%; width:100%; padding:0px; margin:0px; background: #33291C url(../images/bg-body.jpg) repeat left top; color:#707070; font:13px; font-family: Geneva, Helvetica, Arial, sans-serif; }
div, p, ul, h1, h2, h3, img { padding:0; margin:0; }
img.left { float: left; margin: 3px 20px 0px 0px; border: 1px solid #CC9; padding:1px; }
img.right { float: right; margin: 3px 0px 0px 20px; border: 1px solid #CC9; padding:1px; }
img.promotion { border: 1px solid #FC9; margin-bottom:10px; }
/* HEADER */
#header { margin: 0 auto; background: url(../images/bg-black.png); border-bottom:1px solid #CCC; }
#header-info { margin:0 auto; width:750px; height:70px; }
#header-logo { float:left; width:200px; height:70px; }
.logo { border:none; padding-top:5px; padding-left:15px; }
#header-logo p { font-size:11px; font-weight:bold; font-style:italic; color:#F7F7F7; padding-top:10px; }
#header-menu { float:right; width: 550px; height:70px; }
#navigacija { float:right; margin: 0; padding: 22px 0 0 0; }
#navigacija li { margin: 0; padding: 0; display: inline; list-style-type: none; text-align:right; }
#navigacija a:link, #navigacija a:visited { float: left; font-size: 12px; line-height: 17px; font-weight: normal; margin: 0 2px 5px 20px; padding-top:5px; text-decoration: none; color: #CC9; text-transform:uppercase; letter-spacing:1px; }
#navigacija a.active:link, #navigacija a.active:visited, #navigacija a:hover { border-bottom: 2px solid #CCC; padding-bottom: 2px; color: #C96; }
/* PROMO */
#promo { clear:both; margin:0 auto; }
#promo-info { margin: 0 auto; width: 750px; height: 220px; padding: 1px; margin-top:15px; margin-bottom:20px; }
img.promo { border:2px solid #C96; height:220px; padding: 2px; background-color: #FC9; }
/* CONTENT */
#content { clear: both; margin:0 auto; }
#content-info { margin: 0 auto; width: 750px; height: auto; }
#content-related { float:left; width:230px; height:auto; }
/*#content-related h2 { font-family:Century Gothic, Geneva, Arial, Helvetica, sans-serif; font-size:16px; font-style:normal; font-weight:normal; color: #FFFFFF; margin-left:15px; margin-top:10px; margin-right:15px; border-bottom:1px dashed #A2A2A2; }*/
#content-menu { background: url(../images/bg-menu.png) repeat; border:1px solid #CCCCCC; margin-top:6px; }
#content-menu h2 { font-family:Century Gothic, Geneva, Arial, Helvetica, sans-serif; font-size:16px; font-style:normal; font-weight:normal; color: #FFFFFF; margin-left:15px; margin-top:10px; margin-right:15px; border-bottom:1px dashed #A2A2A2; }
#content-menu ul { list-style-type: none; text-align: left; margin-top:10px; margin-left:16px; padding-bottom:15px; border:none; background:none; }
#content-menu ul li a { background: transparent url(../images/list-off.gif) left center no-repeat; text-align: left; font-family:Century Gothic, Geneva, Arial, Helvetica, sans-serif; font-size:13px; text-decoration: none; color: #CC6; font-weight: normal; padding-left:15px; text-transform:uppercase; }
#content-menu ul li a:hover { background: transparent url(../images/list-on.gif) left center no-repeat; color: #FFFFFF; }
#content-menu ul li a#trenutno { background: transparent url(../images/list-active.gif) left center no-repeat; color: #FFC; text-decoration:underline; }
#content-related-social { float:left; width:220px; height:auto; }
#content-related-social p { clear:both; font-family:Century Gothic, Geneva, Arial, Helvetica, sans-serif; font-size:13px; font-style:normal; color: #FFF; margin-top:10px; text-align:left; line-height:20px; }
#content-related-social ul { display:block; margin:0; padding:0; }
#content-related-social li { padding:10px; font-size:13px; width:220px; list-style: none; font-weight:normal; font-style:normal; line-height:17px; }
#content-related-social li a { text-decoration:none; display:block; padding:4px 0 3px 30px; color:#CC6; }
#content-related-social li a:hover { text-decoration:underline; padding:4px 0 3px 30px; color: #F96 display:block;
}
.linkedin { background:url(../images/linkedin.png) center left no-repeat; }
#content-lipa { float:right; width:500px; height:auto; padding-left:20px; }
/*CONTENT LANG*/
#content-lipa-lang { float: right; width:auto; height: 25px; position: relative; top:8px; left: 0px; margin:0; padding:0; }
#content-lipa-lang ul { list-style-type: none; }
#content-lipa-lang ul li { display:inline; witdh: 30px; padding-left:14px; }
#content-lipa-lang ul li a { padding:0; margin-left: -14px; text-decoration:none; }
#content-lipa-lang ul li a:visited { padding: 0; margin-left: -14px; text-decoration:none; }
#content-lipa-lang img { border:none; }
/*CONTENT LANG*/
#content-lipa h1 { font-family:Century Gothic, Geneva, Arial, Helvetica, sans-serif; font-size:23px; font-style:normal; font-weight:normal; color: #F8F8F8; margin-top:6px; margin-bottom:15px; border-bottom:1px solid #aedff8; text-transform:uppercase; }
#content-lipa p { clear: both; font-size:14px; font-style:normal; color: #FFF; text-align:justify; margin-top:10px; margin-bottom:13px; line-height:24px; }
a.content-link { color: #F96; text-decoration:underline; }
a:hover.content-link { color: #CC6; text-decoration:underline; }
ul.partneri li { margin:0; padding:0; color:#FFF; font-size: 13px; line-height:22px; margin-left: 15px; }
/*KONTAKT BOX*/
#address { float:left; width: 245px; height:260px; background: url(../images/bg-menu.png) repeat; border:1px solid #CCCCCC; }
#address p { margin-left: 10px; margin-right: 10px; text-align:left; }
#business { float:right; width: 245px; height: 260px; background: url(../images/bg-menu.png) repeat; border:1px solid #CCCCCC; }
#business p { margin-left:10px; margin-right: 10px; text-align:left; }
/* FOOTER */
#footer { clear: both; margin: 0 auto; background-image:url(../images/bg-black.png); }
#footer-info { margin: 0 auto; width:750px; height:70px; }
#footer-related { float: left; width:500px; height:auto; }
#footer-menu { width:500px; height:auto; margin-top:20px; }
#footer-menu ul { width:500px; list-style:none; }
#footer-menu li { float:left; font-size: 13px; font-weight:normal; }
#footer-menu ul li a { padding:0px 15px 0px 0px; color:#fff; text-decoration:underline; }
#footer-menu ul li a:hover { text-decoration:underline; color: #CC6; }
#footer-copyright { float:left; width:500px; height:auto; margin-top:4px; }
#footer-copyright p { font-size:13px; font-weight:normal; color:#FCFCFC; }
#footer-lipa { float:right; width:250px; height:auto; }
#footer-lipa p { font-size:14px; color: #CC9; font-style:italic; font-weight:normal; text-align:right; margin-top:28px; }
#footer-lipa a { color:#fff; text-decoration:underline; }
#footer-lipa a:hover { text-decoration:underline; color: #CC6; }
.fsc { float: right; margin: 0px 0px 0px 2px; border:none; }
.superscript { font-size:xx-small; vertical-align:top; }
/*TABLICA*/
#tablica { font-family:Century Gothic, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; background: #FC9; margin: 0; width: 499px; border-collapse: collapse; text-align: left; border: 2px solid #FFF; height:auto; }
#tablica th { font-size: 13px; font-weight: normal; color: #039; padding: 10px 8px; border-bottom: 2px solid #666; text-transform:uppercase; }
#tablica td { border-bottom: 1px solid #666; color: #009; padding: 6px 8px; }
.tablica-red {color: #F00;}
#tablica tbody tr:hover td { color: #009; }