@charset "utf-8";

@import "rest.css";

/* BASE
------------------------------------------------------*/
* {margin:0; padding:0;}
body {background:url(../img/pozadina.png) top repeat-x  #fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}

/* Type */
h1 {font-weight:bold; font-size:16px; color:#083f6e}
h2 {font-weight:normal; font-size:12px; color:#083f6e}
h3 {font-weight:bold; font-size:12px; color:#083f6e; display:block; padding:5px 0; border-bottom:#c8d5e0 solid 1px; clear:both; text-transform:uppercase;}
h4 {font-weight:bold; font-size:12px; color:#083f6e; display:block; padding:5px 0; border-bottom:#c8d5e0 solid 1px; clear:both; margin:5px 0;}
a {color:#006fde;}
a:hover {color:#fa8b09; text-decoration:none;}

/* Wrap holder */
#wrap {float:left; width:965px;}


/* HEADER
------------------------------------------------------*/
#header {float:left; width:960px;}

#logo {float:left; display:block; padding:0 0 0 5px;}

/* Header Box */
#topBox {float:right; width:313px; height:62px;}

#smallLinks {float:right; text-align:right; clear:both; color:#afafb3; padding:10px 0 0 0;}
#smallLinks a{color:#afafb3; text-decoration:none;}
#smallLinks a:hover{color:#000;}

#searchField {float:right; clear:both; padding:7px 0 0 0;}
#searchField input{width:186px; height:17px; background:url(../img/search-poz.png) left no-repeat; color:#7792a2; border:solid 1px #bccbd3; padding:0 3px 0 25px;}

/* Ex-navigacija
#nav {float:left; width:950px; clear:both; padding:0 0 0 10px;}
#nav img{border:0; margin:0 0 3px 0;}
#nav ul li{float:left; list-style-type:none;}
#nav li a{float:left; text-align:left; color:#fff; display:block; height:20px; text-decoration:none;  padding:5px 12px 0 4px; background:#083f6e; border-bottom:#fa8b09 solid 3px}
#nav li a:hover{color:#fff; background:#000; border-bottom:3px solid #b62a09;} */


/* LEFT CONTENT
------------------------------------------------------*/
#leftHolder {float:left; display:block; width:632px; padding:13px 0 0 10px;}
#topLeftBox {float:left; display:block; width:632px; height:101px; background:url(../img/home-bgr/top-content.gif)}

/* Kampanja header */
#kampanjaBox {float:left; width:629px; height:97px; overflow:auto; display:block;}
#kompanjaTitle {float:right; text-align:right; padding:12px 15px 0 0; width:240px;}
#kompanjaTitle h1, #kompanjaTitle h2 {color:#fff;}
#kompanjaTitle span {float:right; clear:both; text-align:right;}
#kompanjaTitle a {color:#ccc; text-decoration:none}
#kompanjaTitle a:hover {color:#fff; text-decoration:underline;}

/* News */
#newsHolder {float:left; clear:both; padding:10px 0 0 0; width:632px;}

/* -- Aktuelno -- */
#aktuelnobHolder {float:right; background:url(../img/bgr/bgr-middle3.gif) top repeat-y; width:312px;}
#aktuelno {display:block; width:295px; overflow:auto; height:230px}
#aktuelno a, #aktuelno a {display:block; padding:10px 5px 0 10px; text-align:left;}
#aktuelnoTxt p a{float:right; padding:15px 10px 0 0; color:#333333; font-size:13px;}

/* -- Slucaj -- */
#slucajHolder {float:left; background:url(../img/bgr/bgr-middle3.gif) top repeat-y; width:312px;}
#slucajTxt, #aktuelnoTxt {display:block; height:300px; padding:0 7px 10px 5px; width:300px;}
#slucajTxt img {float:left; padding:1px; border:solid 1px #083f6e; margin:0 5px 5px 0;}
#slucajTxt span a{float:right; clear:both; text-align:right; font-size:11px; padding:0 0 10px 0;}
#slucajTxt input.polje {float:left; width:235px; margin:5px 0 0 0;}
#slucajTxt input.dugme {width:50px; margin:5px 0 0 0; background-color:#083f6e; color:#fff; border:0;  cursor:pointer}

/* Aktivnosti */
#aktivnostiHolder {float:left; width:630px; display:block; clear:both; padding:10px 10px 10px 0; overflow:visible;}
#aktivnostiHolder img {padding:1px; border:solid 1px #083f6e;}
.aktivnostiBox {float:left; display:block; width:150px; margin:0 10px 0 0;}
.aktivnostiBox h4{clear:both;}
.aktivnostiBoxRight {float:left; display:block; width:150px;}
.aktivnostiBox span, .aktivnostiBoxRight span {float:right; display:block; clear:both; padding:5px 0; height:15px;}

/* RIGHT CONTENT
------------------------------------------------------*/
#rightHolder {float:right; width:313px; padding:13px 0 0 0 ; overflow:visible; clear:right}

/* Baneri */
.rightBoxHolder {float:right; display:block; width:313px; height:101px; background:url(../img/home-bgr/right-content.gif) top no-repeat;}
.rightBox {float:right; display:block; padding:0 0 10px 0; width:313px; height:101px; background:url(../img/home-bgr/right-content.gif) top no-repeat;}
.rightBoxInsert {float:left; display:block; padding:0 0 10px 0; width:310px; height:97px; margin:1px 0 0 0;}

#rightBoxContent {float:left; text-align:left; padding:12px 0 0 15px; width:240px;}
#rightBoxContent h1, #rightBoxContent h2 {color:#000;}
#rightBoxContent span {float:left; clear:both; text-align:left;}
#rightBoxContent a {color:#333; text-decoration:none}
#rightBoxContent a:hover {color:#000; text-decoration:underline;}


/* Right down */
#rightBottomHolder {display:block; width:313px; clear:both; padding:33px 0 0 0;}
#anualBox {float:left; display:block; width:153px;}
#anketaBox {float:right; display:block; width:150px;}

input.anketaButton {float:right; width:50px; margin:5px 5px 0 0; background-color:#083f6e; color:#fff; border:0; cursor:pointer}

/* FOOTER
------------------------------------------------------*/
#footerHolder {float:left; width:960px; padding:10px 0 20px 10px;}
#footer {float:left; display:block; width:956px; background:url(../img/bgr/bgr-middle1.gif) top repeat-y; overflow:visible;}
#footerContent {float:left;}
.footerBox {float:left; display:block; width:383px; padding:0 0 10px 10px;}
.footerBox img {float:left; border:0}
.footerBox b {font-size:14px;}
.footerBox2 {float:left; display:block; width:530px; padding:0 0 10px 10px;}
.footerBox2 img {float:left; border:0}
.footerBox2 b {font-size:14px;}
.footerBox2 span {float:right; display:block; padding:15px 0 0 0;}

#farBottom {width:953px; border-top:#c8d5e0 solid 1px; float:left; margin:10px 0 0 0; text-align:center; display:block; clear:both; padding:10px 0; color:#666666}