/* RESET
------------------------------ */
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;vertical-align:baseline;background:transparent;}
body {line-height:1;}
ol,ul {list-style:none;}
blockquote,q {quotes:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse;border-spacing:0;}

/* GENERAL STYLES
------------------------------ */
/* elements */
body {font:normal 62.5% Arial,Helvetica,serif;color:#47494e;padding:0 0 2em;text-align:left;background:#c5d4df url(../images/bg.gif) repeat-x 0 0;}
a {color:#000;}
a:hover {text-decoration:none;}
p {margin:0 0 1em;}
button {cursor:pointer;}
h1, h2, h3 { line-height:1.1em;}
h1 {font-size:1.5em; color:#78aa39; margin:10px 0 10px 0;}
h2{ color:#000; font-size:1.2em; margin:10px 0 10px 0;}
h3 { color:#000; font-size:1.1em; margin:0px 0 10px 0;}
address { font-style:normal;}

/* basic layout */
#w {background:url(../images/bgw.gif) no-repeat 50% 150px; font-size:1.2em;}
#site {width:952px; margin:0 auto; background:#fff;}
#header {height:156px; width:950px;}
#bodyHome {background:url(../images/content.gif) repeat-x 0 0; float:left; width:952px; line-height:18px; position:relative;}
#body {float:left; width:950px; line-height:18px;}
#content {float:left; width:605px; padding:10px 11px 10px 20px;}
#contentPonudba {float:left; width:424px; padding:10px 11px 10px 21px;}
#sidebar {float:left; width:305px; padding:0 0px 0 0px; margin-top:15px;}
#left {float:left; width:181px; padding:0px; margin-top:5px;}

#header, #mainImage, #body {border-left:1px solid #ececec; border-right:1px solid #ececec;}

/*top*/
#top {width:950px; margin:0; padding-bottom:0px !important; background-color:#FFFFFF; height:40px; margin-bottom:10px}
#top ul { float:right; margin: 20px 30px 0 0; }
#top li { display:inline;}
#top li a { color:#6e6e6e;font-size:0.9em; padding:0 5px; border-left: 1px solid #ccc; text-decoration:none;}
#top li a.home { border-left: none;}
#top li a:hover { text-decoration:underline;}

form#search {float:right;width:210px; height:22px; margin:17px 0px 0px 2px; text-align:right; }
#search .searchButton { float:left;background:transparent url(../images/search-submit.gif) no-repeat left top; height:22px; width:21px; margin:0px 0px 0px 0px; border:none; text-indent:-9999px}
#search fieldset input { float:left; width:184px; background:transparent url(../images/search-input.gif) no-repeat left top; border:none; height:18px; padding-left:2px; padding-top:4px; cursor:pointer; font-size:0.9em;}

/*HEADER*/
#header a.logo {background:url(../images/logo.gif) no-repeat 0 0; display:block; width:162px; height:156px; margin-right:2px; text-indent:-9999px; float:left;}
#header span.slogan {height:29px; background:#47494e; display:block; width:768px; float:left; text-align:right; padding:6px 18px 0 0; color:#f2ce37; font-size:1.4em; font-family:tahoma;}

/*navigation*/
ul#navigation {height:121px; width:786px; float:left;}
ul#navigation li {height:121px; float:left;}
#header ul#navigation li a:hover {text-decoration:underline;}
ul#navigation li a.nav1 {background:url(../images/energetsko-svetovanje.gif) no-repeat 0 0; display:block; width:196px; height:26px; color:#77aa38; font-weight:bold; text-align:center; padding-top:95px; font-size:1.1em; text-decoration:none;}
ul#navigation li a.nav2 {background:url(../images/poslovnidel.gif) no-repeat 0 0; display:block; width:196px; height:26px; color:#f2ce37; font-weight:bold; text-align:center; padding-top:95px; font-size:1.1em; text-decoration:none;}
ul#navigation li a.nav3 {background:url(../images/poslovni-del.gif) no-repeat 0 0; display:block; width:196px; height:26px; color:#d3761d; font-weight:bold; text-align:center; padding-top:95px; font-size:1.1em; text-decoration:none;}
ul#navigation li a.nav4 {background:url(../images/rpskupina.gif) no-repeat 0 0; display:block; width:198px; height:26px; color:#3dabe1; font-weight:bold; text-align:center; padding-top:95px; font-size:1.1em; text-decoration:none;}

/*Main Image*/
#mainImage {text-align:center; padding:30px 0px 30px 0; float:left; width:950px;}
#contentPonudba #breadcrumbs a { color:#666666; font-size:0.9em;}

/*Content*/
#left h2 {display:inline-block; background:url(../images/left_h2.gif) no-repeat 0 0; color:#fff; font-weight:bold; font-size:1.1em; height:20px; widows:191px; text-decoration:none; padding:7px 0 0px 25px; margin:10px 0 0px 0; width:156px;}
#left h2.yellow {background:url(../images/left_h2-y.gif) no-repeat 0 0;}
#left h2.orange {background:url(../images/left_h2-or.gif) no-repeat 0 0;}
#leftNavigation {margin:0; float:left;}
#leftNavigation ul {margin:0; background-color:#eeeded;}
#leftNavigation ul li { margin:0; font-size:0.9em; background:#eeeded url(../images/left_meni.gif) no-repeat 0 0; width:181px;}
#leftNavigation ul li.selected a {color:#85b549;display:block; padding:6px 0 7px 40px; text-decoration:none; font-weight:bold; margin-bottom:0px !important;padding-bottom:7px !important;}
#leftNavigation ul.yellow li.selected a {color:#f2cf37;}
#leftNavigation ul li a {color:#000; display:block; padding:6px 0 7px 40px; text-decoration:none; font-weight:bold; margin-bottom:0px !important;padding-bottom:7px !important;}
#leftNavigation ul li a:hover {color:#85b549; display:block; padding:6px 0 7px 40px; text-decoration:none; font-weight:bold; margin-bottom:0px !important;padding-bottom:7px !important;}
#leftNavigation ul.yellow li {background:#eeeded url(../images/left_meni-y.gif) no-repeat 0 0;}
#leftNavigation ul.yellow li a:hover { color:#f2cf37;}
#leftNavigation ul.orange li {background:#eeeded url(../images/left_meni-o.gif) no-repeat 0 0;}
#leftNavigation ul.orange li a:hover, #leftNavigation ul.orange li.selected a { color:#d4761e;}

#leftNavigation ul li a.kmalu {color:#999; background:url(../images/kmalu.gif) no-repeat 125px 0;}
#leftNavigation ul li a.kmalu:hover {color:#666;}

#body #content img { margin:0 20px 10px 0;}
#content .box {background:url(../images/box.gif) no-repeat 0 0; width:251px; height:75px; padding:15px; float:left; margin:15px 0 30px 0;} 
#content .box h2 {font-size:1.5em; margin:0 0 10px 0;} 
#content .box li { margin-left:10px;}
#content .margin {margin-right:30px;}

#content .news {width:280px; float:left; margin:0 32px 0 0;}
#content .news h2 {font-size:1.5em; margin-top:0;}
#content .news strong {font-size:0.9em;}
#content .news a.more { font-size:0.8em; font-weight:bold;}
#content .news a.archive {text-decoration:none; font-weight:bold;}
#content .news a.archive:hover {text-decoration:underline;}
#content .news li { background:none; padding:0;}
#content .news li span { font-size:0.9em;}
#content .news h3 { margin-bottom:0;}
#content .news h3 a { text-decoration:none;}
#content .news h3 a:hover { text-decoration: underline;}
#content .news p { margin-bottom:5px;}

#content .bannerGray {background:#d4d7d8; width:260px; height:60px; padding:8px 10px 0; margin:0px 0 20px 0; float:left;}
#content .bannerGray h2 {font-size:1.1em; padding:0px !important; margin:0px 0;}
#content .bannerGray p {font-size:1.1em; padding:0px !important;}

#content .bannerGreen {float:left; height:68px; width:280px; margin-top:20px;}
#content .bannerGreen a {display:block; background:url(../images/banner-green.gif) repeat-x 0 0; color:#fff; font-weight:bold; font-size:1.7em; height:61px; widows:280px; text-decoration:none; line-height:25px; padding:7px 10px 0; float:left;}
#content .bannerGreen a:hover {color:#47494e;}

#content ul li, #contentPonudba ul li {background:url(../images/bullet.gif) no-repeat 0 7px; margin:3px 0; padding-left:10px; zoom:1;}

/*Sidebar*/
#sidebar h2 { float:left; background:url(../images/sidebarh2.gif) no-repeat 0 0; padding:15px 10px 0 15px; font-size:1.5em; text-align:center;width:257px; margin-bottom:0px;}
#sidebar ul.trgovine {background:url(../images/sidebar.gif) no-repeat 0px 100%; float:left; padding:10px 0 0 15px; margin-bottom:10px; width:267px}
#sidebar ul.trgovine li {display:inline-block; width:120px; height:70px; float:left; text-align:center; padding-top:5px;}
#sidebar ul.trgovine li img {}

/*Footer*/
#footer {width:912px; background:url(../images/footer.png) no-repeat 0 0; padding:35px 20px 10px; margin:0 auto;}
#footer p {float:right;}
#footer a { position:relative;}
#footer a, #footer span {color:#9e9d9d; font-size:0.9em;}
#footer a.nolink {text-decoration:none;}

.socialFooter {display:block; position:absolute; bottom:-10px; left:20px;}
.socialFooter .facebook {text-indent:-9999px; background:url(../images/facebook.png) no-repeat 0 0; display:inline-block; width:30px; height:32px; margin-right:5px; float:left;}
.socialFooter .twitter {text-indent:-9999px; background:url(../images/twitter.png) no-repeat 0 0; display:inline-block; width:30px; height:32px; float:left;}

#content .socialNews {display:block; margin-top:20px;}
#content .socialNews .facebook {text-indent:-9999px; background:url(../images/facebook.png) no-repeat 0 0; display:inline-block; width:30px; height:32px; margin-right:5px; float:left;}
#content .socialNews .twitter {text-indent:-9999px; background:url(../images/twitter.png) no-repeat 0 0; display:inline-block; width:30px; height:32px; float:left;}

img.fl {float:left;}
img.bn {float:right; margin:20px 15px 0 0;}
.imgLeft { float:left; margin:0 10px 10px 0;}
.imgRight { float:right; margin:0 0 10px 10px;}
.txtGrey { color:#CCCCCC;}
.txtSmall { font-size:0.9em;}

a.pdf {display:inline-block; padding-left:22px; height:18px; background:url(../images/icon-pdfmini.gif) no-repeat 0 0; width:auto; color:#333; line-height:18px; margin-right:3px;}
a.xls {display:inline-block; padding-left:22px; height:18px; background:url(../images/icon-xls.gif) no-repeat 0 0; width:auto; color:#333; line-height:18px;}
a.doc {display:inline-block; padding-left:22px; height:18px; background:url(../images/icon-doc.gif) no-repeat 0 0; width:auto; color:#333; line-height:18px;}
a.zip {display:inline-block; padding-left:22px; height:18px; background:url(../images/icon-zip.gif) no-repeat 0 0; width:auto; color:#333; line-height:18px;}

/* HACKS
------------------------------ */
.clear {display:inline-block;}
.clear:after, #site:after, #body:after, #content .news:after, #footer:after {content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}