/********************************************************
*                                                                                                               *
*   CSS file - http://www.pticicica.net/                                *
*                                                   *
*                                                                                                               *
********************************************************/


/* BASE
--------------------------------------------------------------*/

html, body 
    {
    height: 100%;
    }

body 
    {
    background: #cccccc url(../../images/trava.jpg);
    font: normal 62.5%/1.7em "Trebuchet MS", Arial, Verdana, sans-serif;
    text-align: left;
    color: #000000;
    padding-bottom: 20px;
    }

* 
    {
    margin: 0;
    padding: 0;
    border: 0;
    }

ul,li
    {
    list-style: none;
    }
.sadrzaj ul{margin-left:40px;margin-bottom:30px}
.sadrzaj ul li{list-style:disc;}
.sadrzaj ol{margin-left:40px;margin-bottom:30px}
.sadrzaj ol li{list-style:decimal}
a
    {
    text-decoration: none;
    outline: none;
    }

.clear
    {
    clear: both;
    height: 0px;
    }

#nebo 
    {
    position: relative;
    background: url(../../images/nebo.jpg) repeat-x left top;
    width: 100%;
    height: 100%;
    z-index: 0;
    }

#dark_grass 
    {
    position: relative;
    background: url(../../images/grass_grad.png) repeat-x 0px 226px ;
    height: 100%;
    width: 100%;
    z-index: 1;
    }

#oblaci 
    {
    position: relative;
    background: url(../../images/oblaci.jpg) no-repeat center top;
    height: 100%;   
    width: 100%;
    z-index: 2;
    }

.container 
    {
    position: relative;
    height: 100%;
    margin: 0 auto;
    width: 960px;
    z-index: 3;
    padding-top: 20px;
    }

/* MARKETING AND CONTACT BUTTONS 
--------------------------------------------------------------*/

.topnav 
    {
    float: right;
    height: 25px;
    font-size: 1em;
    }

.topnav a
    {
    color: #fff;
    }

.topnav li
    {
    display: inline;
    float: right;
    margin-left: 5px;
    text-align: center;
    }

.topnav .marketing a
    {
    display:block;
    background: url(../../images/marketing.png) no-repeat;
    height: 19px;
    width: 66px;
    padding-top: 1px;
    }

.topnav .marketing a:hover
    {
    background: url(../../images/marketing-hover.png) no-repeat;
    }

.topnav .kontakt a
    {
    display: block;
    background: url(../../images/kontakt.png) no-repeat;
    height: 19px;
    width: 105px;
    padding-top: 1px;
    }

.topnav .kontakt a:hover
    {
    background: url(../../images/kontakt-hover.png) no-repeat;
    }

.header
    {
    clear: both;
    width: 100%;
    background: url(../../images/header-bg.png) no-repeat center top;
    height: 152px;
    }

/* HEADER BANNER
--------------------------------------------------------------*/

.topmarketing 
    {
    float: right;
    margin-top: 10px;
    width: 728px;
    height: 90px;
    }
.logo{float:left;width:220px;height:100px;}
.logo a{border:none}
.logo a:hover{border:none}
.subnav /*breadcrumbs and "registiraj se/prijavi se" links */
    {
    width: 950px;
    float: left;
    color: #ebe4c1;
    margin-top: 22px;
    padding-left: 20px;
    }

.breadcrumb
    {
    float: left;
    width: 740px;
    }

.breadcrumb span
    {
    font-weight: bold;
    color: #fff;
    }

.breadcrumb a
    {
    text-decoration: none;
    margin-right: 0px; 
    color: #ebe4c1;
    padding-left: 0px;
    }

.breadcrumb a:hover
    {
    text-decoration: underline;
    color: #fff;
    }

.registration
    {
    color: #ebe4c1;
    width: 180px;
    float: right;
    margin-right: 20px;
    }

.registration li
    {
    display: inline;
    float: right;
    margin-left: 8px;
    text-align: center;
    }

.registration li a#register
    {
    color: #ff8604;
    padding-right: 6px;
    border-right: 1px #695137 solid;
    }

.registration a
    {
    color: #ebe4c1;
    text-decoration: none;
    font-weight: bold;
    }

.registration a:hover
    {
    color: #e47600; /*orange*/
    }

/* 3 COLLONS WRAPPER
--------------------------------------------------------------*/

.content  
    {
    background: #f2f1ec url( ../../images/content-bg.jpg) no-repeat center bottom;
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 30px;
    }

.leftnavigation /* left collon */
    {
    float: left;
    width: 164px;
    }

.leftnavigation ul
    {
    margin-left: 10px;
    }

.leftnavigation .ltopnav
    {
    padding-bottom: 10px;
    }

/* podnav */
.leftnavigation .ltopnav .ltopnav2
    {
    padding-bottom: 0px;
    margin-left:0px
    }
.leftnavigation .ltopnav .ltopnav2 a{
    display: block;
    width: 143px;
    height: 20px;
    background: url(../../images/lightblue-bg.jpg) no-repeat ;
    padding-left: 10px;
    color: #ffffff;
    line-height: 20px;
    }
.leftnavigation .ltopnav .ltopnav2 a:hover
    {
    background: url(../../images/lightblue-bg-hover.jpg) no-repeat ;
    }
.leftnavigation .ltopnav .ltopnav2 a.tren{background: url(../../images/lightblue-bg-hover.jpg) no-repeat ;}
/* završava podnav*/

.leftnavigation .ltopnav a, .leftnavigation .lbottnav a
    {
    display: block;
    width: 143px;
    height: 20px;
    background: url(../../images/bluelink-bg.jpg) no-repeat ;
    padding-left: 10px;
    color: #ffffff;
    line-height: 20px;
    }

.leftnavigation .ltopnav a:hover
    {
    background: url(../../images/greenlink-bg.jpg) no-repeat ;
    }

.leftnavigation .lbottnav a:hover
    {
    background: url(../../images/orangelink-bg.jpg) no-repeat ;
    }
.leftnavigation .lbottnav a.tren{background: url(../../images/orangelink-bg.jpg) no-repeat ;}
.leftnavigation .ltopnav a.tren{background: url(../../images/greenlink-bg.jpg) no-repeat ;}
/* MIDDLE COLLON
--------------------------------------------------------------*/

.main
    {
    font-size: 1.2em;
    width: 468px;
    float: left;
    padding-left: 9px;
    }

.box
    {
    background: #ffffff url(../../images/topbox.jpg) no-repeat center top;
    width: 468px;
    overflow: hidden;
    float: left;
    margin-bottom: 5px;
    }


.box .boxcontent
    {
    background: url(../../images/bottbox.jpg) no-repeat center bottom;
    padding: 20px;
    }
.box .boxcontent a.opsirnije {color: #009cbc;}
.box .boxcontent a:hover.opsirnije{color:#e47600; /*orange*/}
.box .boxcontent a {color: #009cbc;}
.box .boxcontent a:hover{color:#e47600; /*orange*/}
.box .boxcontent .sadrzaj p{margin-bottom:20px}
.box .boxcontent .sadrzaj h3{margin-bottom:20px}
.box .boxcontent .sadrzaj ul.greska {padding:10px;margin:0px 0px 20px 0px;background-color:#F2CB6D;border:1px solid #F2B26D;}
.box .boxcontent .sadrzaj ul.greska li{list-style-type:none}
.box .boxcontent .sadrzaj .abeceda{font-size:12px;text-align:center}
.box .boxcontent .sadrzaj .abeceda a{color:#e47600;text-decoration:underline}
.box .boxcontent .sadrzaj .abeceda a:hover{color:#009cbc;text-decoration:none}
.box .boxcontent .sadrzaj .tablica {margin-bottom:20px}
.box .boxcontent .sadrzaj .tablica td{border-bottom:1px solid #efefef;padding-top:2px;padding-bottom:2px}
.box h2
    {
    color:#ffffff;
    margin-left: 20px;
    padding-top: 8px;
    font: bold 1.2em "Trebuchet MS", Arial, Versana, sans-serif;
    text-transform: uppercase;
    }

.box a
    {
    text-decoration: none;
    color: #fff; /*aqua blue*/
    }
.box a:hover span{
    text-decoration: underline;
    color: #009cbc; /*aqua blue*/}
.box a:hover{color: #fff; /*orange*/ text-decoration: underline;}
.box span
    {
    color: #e47600; /*orange*/
    }
.box span a
    {
    color: #e47600; /*orange*/
    text-transform:uppercase
    }
.box span a:hover
    {
    color: #e47600; /*orange*/
    }
.floatleft /*image inside a text */
    {
    float: left;
    margin: 0px 10px 5px 0px;
    }

.box .bigfoto /*big image above a text */
    {
    margin-bottom: 10px;
    }

.komentiraj  /* comment links and number of comments */
    {
    padding-top: 20px;
    font-size: 0.9em;
    }
.komentiraj2  /* comment links and number of comments */
    {
    padding-top: 0px;
    font-size: 0.9em;
    }

.komentiraj a span
    {
    background: url(../../images/talk.gif) no-repeat left center;
    padding-left: 20px;
    color: #009cbc; /*aqua blue*/
    font-weight: bold;
    }
.komentiraj .facebook a span
    {
    background: url(../../images/talk.gif) no-repeat left center;
    padding-left: 20px;
    color: #000; /*aqua blue*/
    font-weight: bold;
    }

.komentiraj a:hover span
    {
    text-decoration: none;
    color:#e47600; /*orange*/
    font-weight: bold;
    }

.komentiraj .facebook a:hover span
    {
    text-decoration: none;
    color:#e47600; /*orange*/
    font-weight: bold;
    }

.komentiraj a 
    {
    line-height: 16px;
    text-decoration: none;
    color:#e47600; /*orange*/
    }

.komentiraj a:hover
    {
    text-decoration: none;
    color: #009cbc; /*aqua blue*/
    }

img.banner
    {
    margin-bottom: 5px;
    }
    
.komentarcek a.report, .komentarcek span.report
    {
    margin-left: 10px;
    cursor: pointer;
    }

.komentarcek a.report img, .komentarcek span.report img
    {
    border: 0;
    cursor: pointer;
    }

/* BOTTOM PAGING
--------------------------------------------------------------*/

.bottom-navigation
    {
    width: 468px;
    float: left;
    height: 26px;
    background: url(../../images/bottom-navigation-bg.jpg) no-repeat center top ;
    text-align: center;
    padding-left: 2px;
    font-size: 0.9em;
    }

.bottom-navigation li
    {
    float:left;
    }

.bottom-navigation a
    {
    font-weight: bold;
    line-height: 26px;
    }

.bottom-navigation .no a
    {
    color: #e47600; /*orange*/
    padding: 0 6px;
    }

.bottom-navigation .no a:hover
    {
    color: #009cbc; /*aqua blue*/
    }

.prev 
    {
    background: url(../../images/left-arrow.gif) no-repeat left;
    padding-left: 20px;
    }

.next 
    {
    background: url(../../images/right-arrow.gif) no-repeat right;
    padding-right: 20px;
    }

.prev a, .next a
    {
    color: #009cbc; /*aqua blue*/
    }

.prev a:hover, .next a:hover
    {
    color:#e47600; /*orange*/
    }

/* RIGHT COLLON
--------------------------------------------------------------*/

.right-coll
    {
    width: 300px;
    margin-left: 9px;
    float: left;
    }

form
    {
    margin:0;
    padding:0
    }

.search-box /*outer background*/
    { 
    background: url(../../images/search-bg.jpg) no-repeat top left;
    height: 59px;
    width: 300px;
    margin-bottom: 5px;
    }

input.search-field
    {
    float: left;
    border: 0px;
    margin: 15px 0px 0px 14px;
    font: normal 12px "Trebuchet MS", Arial, Verdana, sans-serif;
    padding: 7px 0px 0px 4px;
    height: 30px;
    background: url(../../images/search-field.jpg) no-repeat top left;
    width: 203px;
    }

input.search-go  /*search icon */
    {
    float: left;
    border: 0;
    padding: 0;
    margin:15px 0px 0px 0px;
    height: 30px;
    width: 65px;
    background: url(../../images/search-button.jpg) no-repeat top left;
    cursor: pointer;
    outline: none;
    }

/* FORUM
--------------------------------------------------------------*/

.forum
    {
    background: url(../../images/forum-bg.jpg) no-repeat;
    height: 186px;
    margin-bottom: 5px;
    padding-top: 65px;
    font-size: 1.1em;
    }

.forum-post
    {
    background: url(../../images/forum-post-bg.png) no-repeat;
    height: 40px;
    width: 255px;
    margin: 0px 0px 2px 15px;
    padding: 7px 10px 0 10px;
    }

.forum-post-left
    {
    float: left;
    width: 200px;
    }

.forum-post-right
    {
    float: right;
    width: 55px;
    text-align: center;
    color:#009cbc; /*aqua blue*/
    }

.forum-post a
    {
    color: #009cbc; /*aqua blue*/
    text-decoration: underline;
    }

.forum-post a:hover
    {
    color: #e47600; /*orange*/
    }

.forum span
    {
    color: #e47600; /*orange*/
    }

.forum img
    {
    float: right;
    margin-right: 15px;
    margin-top: 10px;
    }

.forum #forumLink
    {
    text-align: left;
    font: bold 0.9em "Trebuchet MS", Arial, Verdana, sans-serif;
    width: 275px;
    padding-top: 8px;
    padding-left: 15px;
    }
    
.forum #forumLink a
    {
    color: #009cbc;
    text-decoration: underline;
    }
    
.forum #forumLink a:hover
    {
    text-decoration: none;
    }

.forum ul
    {
    list-style: none;
    text-transform: uppercase;
    }

/* COMMNETS FORM
--------------------------------------------------------------*/

#bodyPannel
    {
    background:#f8f7f2;
    border: #edece7 1px solid;
    margin-top: 10px;
    margin-bottom:20px;
    height: 100%;
    }
.boxcontent .sadrzaj .naznaci{
    background:#f8f7f2;
    border: #edece7 1px solid;
    padding:10px;
    margin-top: 20px;
    margin-bottom:20px;
    height: 100%;
    }
.boxcontent .sadrzaj .naznaci p{margin:0px;padding:0px;text-align:center;font-weight:bold}

#komentar form.komentar
    {
    width: 427px;
    padding-top: 20px; 
    float: left;
    }

#komentar form.komentar label
    {
    width: 100px;
    float: left;
    font-size: 0.8em ;
    font-weight: bold; 
    text-align: right;
    clear: both;
    }

#komentar form.komentar input
    {
    background: #ffffff url(../../images/ime-bg.jpg) repeat-x center top;
    border-left: #edebde 1px solid;
    border-right: #edebde 1px solid;
    color:#000; 
    width: 270px; 
    padding: 4px;
    margin: 0px 15px 8px 0px; 
    float: right;
    font: normal 1em "Trebuchet MS", Arial, Verdana, sans-serif;
    }
#komentar form.komentar select
    {
    background: #ffffff;
    border: #edebde 1px solid;
    color:#000; 
    width: 280px; 
    padding:2px;
    margin: 0px 15px 8px 0px; 
    float: right;
    font: normal 1em "Trebuchet MS", Arial, Verdana, sans-serif;
    }

#komentar form.komentar textarea
    {
    background: url(../../images/textarea-bg.jpg) repeat-x center top;
    color:#000000; 
    border: #edebde 1px solid;
    width: 270px;  
    height: 53px; 
    padding: 4px; 
    margin: 0px 15px 8px 0px; 
    float: right;
    font: normal 1em "Trebuchet MS", Arial, Verdana, sans-serif;
    letter-spacing: 0px;
    }
#komentar form.komentar div.tekst_div
    {
    width: 280px;  
    margin: 0px 15px 8px 0px; 
    float: right;
    }

#komentar form.komentar textarea#tekst
    {
    background:#FFFFFF;
    color:#000000; 
    border: #edebde 1px solid;
    width: 270px;  
    height: 200px; 
    padding: 4px; 
    margin: 0px 15px 8px 0px; 
    float: right;
    font: normal 1em "Trebuchet MS", Arial, Verdana, sans-serif;
    letter-spacing: 0px;
    }
#komentar form.komentar textarea#kratki_opis
    {
    background:#FFFFFF;
    color:#000000; 
    border-left: #edebde 1px solid;
    border-right: #edebde 1px solid;
    width: 270px;  
    height: 80px; 
    padding: 4px; 
    margin: 0px 15px 8px 0px; 
    float: right;
    font: normal 1em "Trebuchet MS", Arial, Verdana, sans-serif;
    letter-spacing: 0px;
    }

#komentar form.komentar input.submit
    {
    background: url(../../images/submit-bg.jpg) no-repeat; 
    display: block;
    border: none;
    width: 115px; 
    height: 23px; 
    float: right; 
    margin: 0px 15px 10px 0px !important; 
    margin:0px 7px 10px 0px; 
    padding: 0px; 
    font-size: 0.8em;
    font-weight: bold; 
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    }

/* FOOTER
--------------------------------------------------------------*/

#footer
    {
    clear: both;
    background: url(../../images/footer-bg.png) no-repeat center top;
    height: 49px;
    padding: 12px 20px 0px 12px;
    color: #ebe4c1;
    }

#footer ul
    {
    width: 800px;
    float: left;
    }

#footer li
    {
    display: inline;
    text-align: center;
    }

#footer ul a
    {
    color: #ebe4c1;
    margin: 0px 7px;
    }

#footer ul a:hover
    {
    color:#e47600; /*orange*/
    }

#footer p
    {
    float:right;
    }

#footer p a
    {
    color:#e47600; /*orange*/
    }

#footer p a:hover
    {
    text-decoration:underline;
    }
.sadrzaj #embed_a{color:#FFFFFF;text-transform:uppercase}
.sadrzaj #embed_a a:hover{color:#FFFFFF}

.centriraj{text-align:center}
.desniraj{text-align:right}
.ljeviraj{text-align:left}
.boldaj{font-weight:bold}

.okruzi_slike{}
.okruzi_slike .jedna_slika{float:left;width:130px;margin-right:10px;margin-bottom:10px;text-align:center}
.okruzi_slike .jedna_slika img{margin-top:5px}

.marketing160 {margin:10px 7px;}
.zuto{}
.tagovi{margin-top:10px;border:none;background-color:#FFFFFF;text-align:center;padding:10px 10px 20px 10px;font-size:1.1em}
.tagovi a{color:#666666;font-size:1.1em;margin-left:5px;margin-right:5px}
.tagovi a:hover{color:#999999}