body{
    margin:0;
    padding:0;
    background-image: url(../images/body_bg.jpg);
    background-repeat: repeat-x;
    background-position: top center;
    font-size: 12px;
    color: #5c6157;
    font-family: Trebuchet, Arial;
    text-align: center;
}


/*općenito*/
.clear{
    clear: both;
}

a{
    text-decoration: none;
    color: #0fd100;
    outline: none;
}

a:hover{
    text-decoration: underline;
}

p,
ul,
h1,
h2,
h3,
h4
h5,
h6{
    margin: 12px 0;
}

h1{
    font-size: 24px;
    color: #418802;
}

ul{
   padding: 0 0 0 40px;
   list-style-type: square;
}

h2 img{
    vertical-align: middle;
    margin-right: 4px;
}

a img{
    border: 0px;
}


/*header sa jezicima*/
.header{
    margin: 0 auto;
    width: 1052px;
    height: 327px;
    background-image: url(../images/header_bg.jpg);
    background-repeat: no-repeat;
}

.header a.homepage{
    margin: 50px 0 0 60px;
    display: block;
    width: 200px;
    height: 200px;
}

ul.language{
    margin: 0px;
    padding: 8px 0 0 0;
    font-weight: bold;
}

ul.language li{
    display: inline;
    float:right;
    margin-left: 4px;
}

ul.language li a{
    color: #352f2f;
}


/*sadržaj*/
div.content{
    background-image: url(../images/content_bg.png);
    background-repeat: no-repeat;
    margin: -60px auto 0 auto;;
    width: 1052px;
    text-align: left;
}

div.content_top{
    text-align: right;
    padding-right: 50px;
    height: 200px;
}

div.rezultati_hr,
div.prijava_hr,
div.rezultati_en,
div.prijava_en{
    display: block;
    float:right;
    width: 273px;
    height: 127px;
    padding-top: 30px;
    text-align: center;
    color: white;
    overflow: hidden;
    font-family: verdana;
    font-weight: bold;
    font-style: italic;
}

div.rezultati_hr a,
div.rezultati_en a,
div.prijava_hr a,
div.prijava_en a{
    display: block;
    float:right;
    width: 273px;
    height: 32px;
    padding-top: 60px;
    text-align: center;
    color: white;
    overflow: hidden;
}

div.rezultati_hr a:hover,
div.prijava_hr a:hover,
div.rezultati_en a:hover,
div.prijava_en a:hover{
    text-decoration: none;
}

div.prijava_en{
    background: url(../images/prijava_en.png) no-repeat;
}

div.prijava_hr{
    background: url(../images/prijava_hr.png) no-repeat;
}

div.rezultati_en{
    background: url(../images/rezultati_en.png) no-repeat;
}

div.rezultati_hr{
    background: url(../images/rezultati_hr.png) no-repeat;
}

div.content_top a.homepage{
    margin-top: 20px;
    margin-left: 30px;
    float:left;
    display: block;
    width: 370px;
    height: 150px;
}

div.content_right{
    float:left;
    margin-left: 40px;
    width: 720px;
}


/*lijevi menu*/
div.content_left{
    margin-left: 30px;
    width: 230px;
    float: left;
}

img.turniri{
    margin-top: -3px;
    margin-left: 20px;
    margin-bottom: 10px;
}

ul.main_menu{
    border: 1px solid #e1e1e1;
    margin: 0px;
    padding: 0px;
    width: 230px;
    float: left;
}

ul.main_menu ul{
    margin-top: 0px;
    padding: 0px;
    display: none;
    
}

ul.main_menu ul.active{
    display: block;
}

ul.main_menu li{
    margin: 2px;
    background-color: #f6f6f6;
    list-style-type: none;
    text-transform: uppercase;
    color: #418802;
    font-size: 14px;
    border-bottom: 1px solid #d3e4b2;
    font-weight: bold;
}

ul.main_menu ul li{
    list-style-type: none;
    text-transform: none;
    color: #44602b;
    font-size: 12px;
    border-bottom: 1px solid #d3e4b2;
}

ul.main_menu li.active ul li a{
    padding: 10px 10px 10px 30px;
    background-color: transparent;
    color: #418802;
    background-image: none;
}

ul.main_menu li a{
    color: #418802;
    background-color: transparent;
    display: block;
    padding: 10px 20px 10px 20px;
}

ul.main_menu li a:hover,
ul.main_menu li.active ul li.active a:hover,
ul.main_menu ul li.active a:hover,
ul.main_menu li.active a:hover,
ul.main_menu ul li.active a,
ul.main_menu li.active a,
ul.main_menu li.active ul li.active a{
    text-decoration: none;
    background-color: #deebd1;
    color: #418802;
    padding-left: 30px;
    background-image: url(../images/arr.png);
    background-repeat: no-repeat;
    background-position: 20px center;
}


/*breadcrump*/
div.breadcrumb{
    border-bottom: 1px solid #D3E4B2;
    padding-bottom: 5px;
    color: #44602B;
}

div.breadcrumb a{
    color: #44602B;
}


/*vremenska prognoza*/
div.vremenska_prognoza{
    margin-top: 20px;
}

div.vremenska_prognoza h3{
    margin: 0px;
    text-transform: uppercase;
    font-weight: normal;
    color: #44602b;
    font-size: 14px;
    padding: 10px 10px 10px 20px;
}

div.vremenska_prognoza img{
    width: 120px;
}

div.vremenska_prognoza p{
    color: #ffb237;
    font-size: 16px;
    margin: 3px;
    margin-left: 85px;
}

div.vremenska_prognoza p.vrijeme{
    margin-top: -82px;
}


/*novosti*/
div.novosti{
    width: 320px;
    float: left;
    margin-right: 40px;
}

div.novosti div{
    margin-top: 15px;
}

div.novosti div img{
    padding: 3px;
    float:left;
    margin-right: 10px;
    -moz-box-shadow: 0px 0px 5px #bdbdbd; /* Firefox */
    -webkit-box-shadow: 0px 0px 5px #bdbdbd; /* Safari, Chrome */
    box-shadow: 0px 0px 5px #bdbdbd; /* CSS3 */
    position: relative;
    z-index: 100;
    behavior: url(ie-css3.htc);
}

div.novosti div h2{
    font-size: 13px;
}

div.novosti div p{
    margin-bottom: 8px;
    font-size: 11px;
}

div.novosti div p.more{
    text-align: right;
    margin: 0px;

}

div.novosti a{
    color: #5c6157;
}


/*prijatelji kluba*/
div.prijatelji_kluba{
    margin-top:30px;
}

div.prijatelji_kluba div{
    margin-top:20px;
}

div.prijatelji_kluba div a img{
    vertical-align: middle;
}

div.prijatelji_kluba div a{
    text-align: center;
    vertical-align: middle;
    margin-right:20px;
    margin-bottom:15px;
    padding-top: 10px;
    height: 100px;
    width: 110px;
    display: block;
    float:left;
    background: url(../images/prijatelj.png) no-repeat;
}


/*footer*/
.footer{
    margin-top:20px;
    height: 328px;
    background: url(../images/footer_bg.jpg) bottom repeat-x;
    text-align: center;
}

.footer_inner{
    text-align: left;
    margin: 0 auto;
    width: 1216px;
    height: 328px;
    background: url(../images/footer_inner_bg.jpg) no-repeat;

}

div.tenis_losinj,
div.tenis_centri,
div.aktivnosti{
    background-repeat: no-repeat;
    width: 308px;
    height: 207px;
    padding-top: 25px;
    float:left;
    margin: 0 10px;
}

div.tenis_losinj{
    background-image: url(../images/turniri_bg_hr.png);
    margin-left: 125px;
}

div.tenis_centri{
    background-image: url(../images/tenis_centri_bg_hr.png);
}

div.aktivnosti{
    background-image: url(../images/tenis_losinj_bg_hr.png);
}

div.tenis_losinj ul,
div.tenis_centri ul,
div.aktivnosti ul{
    margin-top: 0px;
    padding-left: 30px;
}

div.tenis_losinj ul li,
div.tenis_centri ul li,
div.aktivnosti ul li{
    font-size: 12px;
    list-style-type: none;
    padding: 1px;
}

div.tenis_losinj h3,
div.tenis_centri h3,
div.aktivnosti h3{
    font-style: italic;
    font-size: 18px;
    color: white;
    margin: 0 0 30px 50px !important;
}

div.tenis_losinj h3 a,
div.tenis_centri h3 a,
div.aktivnosti h3 a{
    margin: 0px;
    padding: 0px;
    color: white;
    background-color: transparent;
}

div.tenis_losinj h3 a:hover,
div.tenis_centri h3 a:hover,
div.aktivnosti h3 a:hover{
    margin: 0px;
    padding: 0px;
    color: white;
    background-color: transparent;
}

div.tenis_losinj a,
div.tenis_centri a,
div.aktivnosti a{
    padding: 3px;
    padding-left: 10px;
    display: block;
    margin-right: 30px;
    background-color: #F6F6F6;
    color: #418802;
}

div.tenis_losinj a:hover,
div.tenis_centri a:hover,
div.aktivnosti a:hover{
    background-color: #DEEBD1;
    padding-left: 12px;
}



/*Media meni*/
div.media_menu{
    
    float: right;
    margin-left: 25px;
}

div.media_menu ul{
    padding: 0px;
    list-style-type: none;
}

div.media_menu ul li a{
    display: block;
    width: 103px;
    height: 27px;
    padding-top:10px;
    padding-left:20px;
    margin-bottom: 10px;
    color: #418802;
    background: url(../images/media_menu_li_bg.png) no-repeat;

}

div.media_menu ul li a:hover{
    width: 98px;
    padding-left:25px;
    background: url(../images/media_menu_li_bg_hover.png) no-repeat;

}

div.media_menu ul li a:hover{
    text-decoration: none;
}

div.media_menu ul li a img{
    border: 0px;
    vertical-align:middle;
    margin-right: 4px;
}


/*overlay*/
#overlay {

    background-image: url('../images/overlay_white_transparent_large.png');

    /* dimensions after the growing animation finishes  */
    width:800px;
    height:560px;

    /* initially overlay is hidden */
    display:none;

    /* some padding to layout nested elements nicely  */
    padding:55px;

}

div.wrap {/* container for external content. uses vertical scrollbar, if needed */
    height:511px;
    overflow-y:auto;
}

div.wrap h1{
    font-size: 22px;
    text-align: center;
    margin-bottom: 5px;
}

div.wrap h2{
    font-size: 30px;
    margin-bottom: 15px;
}

#overlay div.close {/* default close button positioned on upper right corner */

    background-image:url('../images/close.png');

    position:absolute; right:15px; top:5px;

    cursor:pointer;

    height:35px;
    width:35px;

}

/*video*/
.video{
    height: 430px;
}

.video a.prev{
    float:left;
}

.video a.next{
    float:right
}

.hidden{
    display: none
}

/*dokumenti i audio*/
div.dokumenti ul{
    margin: 0px;
    padding: 0px;
    border: 1px solid #D3E4B2;
}

div.dokumenti ul li{
    margin: 2px;
    padding: 12px;
    list-style-type: none;
    background-color: #DEEBD1;
}

div.dokumenti ul li.even{
    background-color: #F6F6F6;
}

/*gallerific*/



/*tooltip*/
.tooltip {
	display:none;
	background:transparent url('../images/black_arrow.png');
	font-size:12px;
	height:30px;
	width:160px;
	padding:35px 25px 25px 25px;
	color:#fff;
        position: relative;
        z-index: 1000;
}


/*vijesti*/
div#vijesti_box table{
    border: 1px solid #D3E4B2;
}

div#vijesti_box table tr td{
    padding: 10px;
    vertical-align: top;
}

div#vijesti_box table tr td h2{
    float:left;
    margin: 0px;
    padding: 0px;
}

div#vijesti_box table tr td p{
    margin: 0px;
}

div#vijesti_box table tr td a{
    color: #5C6157;
}

div#vijesti_box table tr.even td{
    background-color: #F6F6F6;
}

div#vijesti_box table tr.odd td{
    background-color: #DEEBD1;
}

.multimedia h2{
    margin-top: 40px;
}


.multimedia #video .video_container{
    padding: 5px;
    background-color: #F6F6F6;
    height: 445px;
}

.multimedia #video{
    padding: 2px;
    border: 1px solid #D3E4B2;
    height: 455px;
}

/*lista prijavljenih*/
table.lista_prijavljenih{
    border-left:1px solid #D3E4B2;
    border-top:1px solid #D3E4B2;
    width: 100%;
    margin-top: 20px;
}

table.lista_prijavljenih th{
    border-right:1px solid #D3E4B2;
    border-bottom:1px solid #D3E4B2;
    background-color: #F6F6F6;
}

table.lista_prijavljenih td{
    border-right:1px solid #D3E4B2;
    border-bottom:1px solid #D3E4B2;
}


/*forma za prijave*/
table.prijave tr td{
    padding: 5px;
}

table.prijave tr td input{
    width: 265px;
    border: 1px solid #D3E4B2;
    padding: 3px;
}

table.prijave tr td select{
    border: 1px solid #D3E4B2;
    padding: 3px;
}

table.prijave tr td input:focus,
table.prijave tr td textarea:focus{
    border: 1px solid black;
    background-color: #f6f6f6;
}

table.prijave tr td textarea{
    padding: 3px;
    width: 550px;
    height: 150px;
    border: 1px solid #D3E4B2;
}

table.prijave tr td input.button{
    width: auto;
    padding: 3px 10px 3px 10px;
    border: 1px solid #D3E4B2;
    padding: 3px;
    cursor: pointer;
}