<?php include("site/template/".Tpl::getDir()."/design/css/cfg.php"); ?>

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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
    list-style-type: none;
}
/* 1. MAIN BODY -------------------------------------------------------------------------------*/
body {
    width: auto; height: auto; margin: 0; padding:0;	
	color: <?= $css->svetlost($color['osnovna2'], 100, 100) ?>;font-family: Arial, Helvetica, sans-serif;font-size: 13px;line-height: normal;letter-spacing: 0; word-spacing: 0;
	text-align: left; text-indent: 0;	font-weight: normal; text-decoration: none; text-transform: none; font-variant: normal;	background: url(<?= $design ?>/1_Head/background.jpg) repeat top center;
}
h1, h2, h3 {padding: 0;	margin: 0;  margin-bottom: 10px; font-family: inherit; line-height: normal; text-align:left;}
h1 { font-size: 18px; color: <?= $css->svetlost($color['osnovna'], 100, 100) ?>;}
h2 { font-size: 16px; color: <?= $css->svetlost($color['osnovna'], 100, 100) ?>;}
h3 { font-size: 14px; color: <?= $css->svetlost($color['osnovna'], 100, 100) ?>;}
h4 { font-size: 12px; color: <?= $css->svetlost($color['osnovna'], 100, 100) ?>;}
h1.newsTitle {width: 100%;border-bottom: 1px solid #d9d9d9; font-weight: normal; padding-bottom: 10px; display: block;}
p {width: auto; height: auto; margin: 0; padding: 0; margin-bottom: 20px;}

/*links*/
a {color: <?= $css->svetlost($color['osnovna'], 100, 100) ?>;}
a:visited,
a:active { font-family: inherit; color: <?= $css->svetlost($color['osnovna'], 100, 100) ?>; text-decoration: underline;}
a:hover {text-decoration: underline; color: <?= $css->svetlost($color['osnovna'], 100, 100) ?>; }
img.shadowImage {width: auto; height: auto; display: inline-block; vertical-align: top; background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #E7E7E7;
    padding: 5px; position: relative; -webkit-box-shadow:  0 0 7px rgba(0, 0, 0, 0.1); box-shadow:  0 0 7px rgba(0, 0, 0, 0.1); zoom:1; *display: inline;}
span.date {font-size: 11px; font-style: italic; display: block; color:<?= $css->svetlost($color['osnovna2'], 150, 100) ?>;}
/* WRAPPER
---------------------------------------------------------------------------*/
#wrapper {width:100%; height: auto; margin: 0; padding: 0; background: url(<?= $design ?>/1_Head/topBackground.png) repeat-x top center;}
#wrapper #head, #wrapper #body, #wrapper #foot {width: 980px; height: auto; margin: 0 auto;}
/* HEADER
---------------------------------------------------------------------------*/
#wrapper #head {padding-top: 20px; background: url(<?= $design ?>/1_Head/headBack.jpg) no-repeat top right; }
#wrapper #head  a#logo {width: 148px; height: 81px; display: block; margin: 0; margin-bottom: 8px; padding: 0; background: url(<?= $design ?>/1_Head/logo.png) no-repeat 0 0; }

#wrapper #head  ul#menu, #wrapper #head  ul#menu li {width: auto; height: auto; margin: 0; padding: 0; list-style-type: none; }
#wrapper #head  ul#menu {height: 39px}
#wrapper #head  ul#menu > li {float: left; border-right: 1px solid #1e5d92; position: relative;}
#wrapper #head  ul#menu > li:first-child {border-left: 1px solid  #1e5d92;}
#wrapper #head  ul#menu > li a {width: auto; height: 25px; margin: 0; padding: 11px 20px 3px 20px; display: block; text-decoration: none; color: #fff; font-size: 15px;}
#wrapper #head  ul#menu > li:hover > a,#wrapper #head  ul#menu li a.sel {background: url(<?= $design ?>/menu/hover.jpg) repeat-x 0 0; color: #fff;}

#wrapper #head  ul#menu > li > ul {width: 200px; height: auto; position: absolute; top: 39px; z-index: 1010; background: #4b91cf; display: none;}
#wrapper #head  ul#menu > li:hover > ul {display: block;}
#wrapper #head  ul#menu > li > ul li {border-bottom: 1px solid #5fa1d7;}
#wrapper #head  ul#menu > li > ul li:last-child {border-bottom: none}
#wrapper #head  ul#menu > li > ul li a{font-size: 13px;}
#wrapper #head  ul#menu > li > ul li:hover a{background: #5fa1d7;}

/* BODY
---------------------------------------------------------------------------*/
#wrapper #body { width: 960px; min-height: 300px;  padding: 10px; border:1px solid #c1c1c1; border-top: none;  background: #fff url(<?= $design ?>/2_Body/right.jpg) repeat-y 0 0 ;}
#wrapper #body #leftContent {width: 740px; height: auto; margin: 0; padding: 0; float: right;}
#wrapper #body #rightContent {width: 200px; height: auto; margin: 0; padding: 0; float: left;}

ul#subMenu {width: 130px; height: auto; margin: 0; padding: 0;}
ul#subMenu li a{width: auto; height: auto; padding-left: 15px; line-height: 30px; color: #000; display: block;  text-decoration: none; background: url(<?= $design ?>/2_Body/submenuBullets.png) no-repeat 0 12px;}
ul#subMenu li:hover a, ul#subMenu li a.sel {color: #26679d; text-decoration: underline;}

/* windowAdmin */
ul.windowAdmin {width: auto; height: auto; margin: 0; display: inline-block; position: absolute; right: 0; padding: 0; border-radius: 7px; background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #E7E7E7;
    padding: 5px; -webkit-box-shadow:  0 0 7px rgba(0, 0, 0, 0.1); box-shadow:  0 0 7px rgba(0, 0, 0, 0.1);  z-index: 10;}
ul.windowAdmin:hover {-webkit-box-shadow:  0 0 7px rgba(0, 0, 0, 0.3); box-shadow:  0 0 7px rgba(0, 0, 0, 0.3);}
ul.windowAdmin li {margin: 0 !important; padding: 0 !important; display: inline-block; vertical-align: top; zoom:1; *display: inline;}

/* path */
ul#path {width: auto; height: auto; margin-bottom: 20px; font-family: 'Wellfleet', cursive; line-height: normal; font-size: 11px; color: #aaaaaa;}
ul#path li {width: auto; height: auto; display: inline-block; vertical-align: top; zoom: 1; *display:inline;}
ul#path li a {text-decoration: none;}
ul#path li a:hover {text-decoration: underline;}
ul#path li span {width: 8px; height: 10px; margin: 0 10px;display: inline-block;text-indent: -123456px; background: url(<?= $design ?>/2_Body/pathArrow.png) no-repeat 0 5px; zoom: 1; *display: inline;}

/* survey */
#survey form,
#survey #results {width: auto; height: auto; padding: 10px; margin: 0; margin-bottom: 20px; border: 1px solid #dddddd; background: #f6f6f6;}
#survey form h2, 
#survey #results h2 {display: inline-block; margin-bottom: 10px; zoom: 1; *display: inline;}
#survey form span#date, 
#survey #results span#date { display: inline-block;  margin-left: 92px; font-style: italic; font-size: 11px; color: #999999; } 
#survey form p#title, 
#survey #results p#title {text-align: center; font-weight: bold; margin-bottom: 10px;}
#survey form ul li {width: auto; height: auto; display:block;}
#survey form ul li input.sRadio {width: 16px; height: 16px; display: inline-block; zoom: 1; *display: inline; vertical-align: top;}
#survey form ul li label {width: auto; height: auto; margin-bottom: 10px; display: inline-block; zoom: 1; *display: inline; vertical-align: top;}
#survey form input#vote {float: left;}
#survey form a.surveyRezultat,
#survey #results a.surveyRezultat {float:right;font-size:11px; margin-left: 5px; margin-top: 5px; color: #999999;}
#survey form a.surveyRezultat:hover,
#survey #results a.surveyRezultat:hover {color:  <?= $css->svetlost($color['osnovna'], 100, 100) ?>;}
/* survey results */
#survey #results ul#sAnswer li {margin-bottom: 3px;}
#survey #results ul#sAnswer li p{font-size:11px;}
#survey #results ul#sAnswer li .result {height: 10px; width: auto; display: block; background: <?= Tpl::$vars['tplBW96proc']; ?>;	border: 1px solid #bbbbbb;}
#survey #results ul#sAnswer li span.rbar {border-right:1px solid #bbbbbb; display: block; background: url(<?= $design ?>/2_Body/ans_bar.gif) repeat-x 0 0; height: 10px;}
#survey #results ul#sAnswer li .rperc { width: auto; line-height: 15px; font-size: 11px; color: <?= Tpl::$vars['tplBW25proc']; ?>; background: transparent;}
#survey #results #buttons {margin-top: 10px;}
#survey #results span#number {float: left; margin-top: 3px;}

/*NEWS*/
/* homePageNews */
#homeNews {width: auto; height: auto; margin-bottom: 20px;}
#homeNews h1 {float: left;}
#homeNews a#archive {float:right; color:  <?= $css->svetlost($color['osnovna2'], 150, 100) ?>; text-decoration: none;}
#homeNews a#archive:hover {text-decoration: underline;}
#homeNews ul {clear: both; margin: 0; padding: 0;}
#homeNews ul li.homeNewsContent {width: 335px; height: auto; float:left; margin-left: 30px; margin-bottom: 20px;}
#homeNews ul li.homeNewsContentLast {margin-left: 0;}
#homeNews ul li.homeNewsContent img.homeNewsImg {width: 80px; height: auto;}
#homeNews ul li.homeNewsContent a.homeNewsLink {width: 200px; height: auto; display: inline-block; margin-left: 20px;  vertical-align: top; color: <?= $css->svetlost($color['osnovna2'], 100, 100) ?>; text-decoration: none; zoom:1; *display: inline;}
#homeNews ul li.homeNewsContent a.homeNewsLink:hover {color:<?= $css->svetlost($color['osnovna2'], 150, 100) ?>; text-decoration: none;}
#homeNews ul li.homeNewsContent a.homeNewsLink span.homeNewsTitle {font-size: 16px; color: #25aae1; display: block; line-height: normal; margin-bottom: 5px;}
#homeNews ul li.homeNewsContent a.homeNewsLink:hover span.homeNewsTitle {color: <?= $css->svetlost($color['osnovna2'], 100, 100) ?>;}
/* archiveNews */
#archiveNews {width: auto; height: auto; padding-bottom: 20px; margin-top: 10px; border-bottom: 1px solid #cccccc;}
/* showNews */
#showNews h2 {float: left;}
#showNews span.date {float: right;}
#showNews p#dataNews {margin: 10px 0; clear: both;}
#showNews p#shortDescription {width: auto; height: auto; margin-bottom: 10px;}
#showNews img.shadowImage {float: left; margin-right: 20px;}
/* END NEWS*/

/* GALLERY */
/* homeGallery*/ 
ul#galleryLastImages {width: auto; height: auto; margin: 0; padding: 0;}
ul#galleryLastImages li {width: auto; height: auto; display: inline-block; margin-left:13px;}
ul#galleryLastImages li.first {margin-left: 0;}
/* gallery*/
.gallery {width: auto; height: auto; padding-bottom: 15px; margin-top: 15px; border-bottom: 1px solid #cccccc;}
.gallery  h2 span {font-size: 12px; color: <?= $css->svetlost($color['osnovna2'], 150, 100) ?>; font-weight: normal;}
.gallery span.date {font-size: 12px; color: <?= $css->svetlost($color['osnovna2'], 150, 100) ?>; font-style: italic; margin-bottom: 5px; display: block;}
.gallery p {width: auto; height: auto; margin-bottom: 10px;}
.gallery ul#galleryAlbum {width: auto; height: auto; margin: 0; padding: 0; }
.gallery ul#galleryAlbum li {width: auto; height: auto; display: inline-block; margin-left:43px; margin-bottom: 30px;position: relative;}
.gallery ul#galleryAlbum li.first {margin-left: 0;}
/* slideGallery */

/*ads*/
img.ad {border: 1px solid #dddddd; background: #fff; margin-bottom:10px; padding: 4px;}


/* FOOT
---------------------------------------------------------------------------*/
#wrapper #foot { height:  auto; padding: 0; padding-top: 10px; margin-bottom: 30px; color: #6e6e6e;}
#wrapper #foot a {color: #6e6e6e; text-decoration: none;}
#wrapper #foot a:hover {text-decoration: underline;}
/* ---------- HACKS ---------- */

body:after, #wrapper:after, #head:after, ul#menu:after, #body:after, #windowAdmin:after, ul#path:after, #survey form #buttons:after, #survey #results #sAnswer:after,#survey #results:after, 
#homeNews:after, #foot:after
{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}