body { 
    padding: 0; 
    margin: 0; 
    text-align: center; 
    font-family:Georgia,Helvetica,sans-serif; 
    font-size:13px; 
    color: #545454; 
    background: #FFCC00 url(/images/bg-body.gif) repeat-x top center; 
} 

h1, h2, h3, h4, h5, h6 { 
    color: #545454; 
    background-color: inherit; 
}
h1 { margin-bottom: 10px; font-size: 2.8em; letter-spacing: -1px; }
h2 { font-size: 2.6em; letter-spacing: -1px; }
h3 { font-size: 2.0em; letter-spacing: -1px; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.0em; }


a:link, a:visited, a:active { 
    text-decoration: none; 
    color: #4dade3;
    background-color: inherit;  
}
a:hover { 
    text-decoration: underline; 
}

a.news:link, a.news:visited, a.news:active { 
    text-decoration: none; 
    color: #4dade3;
    background-color: inherit;  
}
a.news:hover { 
    text-decoration: underline; 
}

a.link-studio:link, a.link-studio:visited, a.link-studio:active { 
    text-decoration: none; 
    color: #ff0099;
    background-color: inherit;  
}
a.link-studio:hover { 
    text-decoration: underline; 
}

a.white:link, a.white:visited, a.white:active { 
    text-decoration: none; 
    color: #003399; 
    background-color: inherit; 
}
a.white:hover { 
    text-decoration: underline; 
}


span.title-dark { 
    font: 17px Tahoma, Helvetica, sans-serif; 
    color: #545454; 
    background-color: inherit; 
    text-transform: uppercase; 
}   
span.title-pink { 
    font: 17px Tahoma, Helvetica, sans-serif; 
    color: #DF176C; 
    background-color: inherit; 
} 
span.title-white { 
    font: 17px Tahoma, Helvetica, sans-serif; 
    color: #fff; 
    background-color: inherit; 
} 
span.white{ 
    color: #fff; 
    background-color: inherit; 
}
span.price { 
    font: 30px Georgia, Helvetica, sans-serif; 
    color: #013f7f; 
    background-color: inherit; 
    text-transform: uppercase; 
    padding: 3px 5px 3px 5px; 
} 
span.blue { 
    color: #4dade3; 
    background-color: inherit; 
}

div.clear { 
    clear: both; 
}

div.menu { 
    width: 100%; 
    height: 120px; 
    clear: both; 
    padding: 0 0 10px 0; 
    text-align: center; 
} 
div.logo { 
    width: 100%; 
    clear: both; 
    padding: 15px 0 0 0; 
} 
div.footer { 
    clear: both; 
    margin: 0 auto; 
    padding: 0; 
    height: 180px; 
    width: 100%; 
    text-align: center; 
    background:url(/images/bg-footer.gif) repeat-x bottom left; 
} 
div.footer div.footer-content { 
    width: 990px; 
    padding-top: 45px; 
    color: #33517f; 
    background-color: inherit; 
}
div.footer div.footer-content a, div.footer div.footer-content a:visited { 
    color: #003399; 
    background-color: inherit; 
    text-decoration: none; 
} 
div.footer div.footer-content a:hover { 
    text-decoration: underline; 
}


.dock { 
        position: relative; 
        height: 50px; 
        text-align: center; 
}
.dock-container { 
    position: absolute; 
    height: 50px; 
    padding-left: 20px; 
}
a.dock-item { 
    display: block; 
    width: 40px; 
    color: #fff; 
    background-color: inherit; 
    position: absolute; 
    top: 0px; 
    text-align: center; 
    text-decoration: none; 
}
a:hover.dock-item { 
    text-decoration: none; 
}
.dock-item img { 
    border: none; 
    margin: 5px 10px 0px; 
    width: 100%; 
}
.dock-item span { 
    display: none; 
    padding-left: 20px; 
    color: #003399;
    background-color: inherit; 
    text-decoration: none; 
}


div.container { 
    clear: both; 
    width:1010px; 
    padding: 15px 0 0 0; 
}
div.content { 
    clear: both; 
    width:1010px; 
    padding: 50px 0 0 0; 
}  
div.left { 
    float: left; 
    text-align: right; 
    width: 310px; 
}
div.right { 
    float: right; 
    text-align: left; 
    width: 665px; 
    padding-left: 20px; 
}  
div.cell { 
    border: #E1B400 2px solid; 
    padding: 25px; 
    background-color: #fff; 
}
div.cell-fortuna { 
    border: #E1B400 2px solid; 
    padding: 25px 25px 10px 25px; 
    line-height: 20px; 
    text-align: left;
    background: #fff url("/images/bg-cell.gif") no-repeat right bottom; 
}
div.cell-phone { 
    border: #E1B400 2px solid; 
    padding: 25px 25px 10px 25px; 
    line-height: 20px; 
    background: #fff url("/images/bg-phone.gif") no-repeat left top; 
}
div.cell-adress { 
    border: #E1B400 2px solid; 
    padding: 25px 25px 10px 25px; 
    line-height: 20px; 
    background: #fff url("/images/bg-adres.gif") no-repeat left top; 
}
div.cell-manifestacije { 
    border: #E1B400 2px solid; 
    padding: 25px 25px 10px 25px; 
    line-height: 20px; 
    background: #fff url("/images/bg-manifestacije.gif") no-repeat left top; 
}
div.cell-klubovi { 
    border: #E1B400 2px solid; 
    padding: 25px 25px 10px 25px; 
    line-height: 20px; 
    background: #fff url("/images/bg-klubovi.gif") no-repeat right top; 
} 
div.cell-vijesti { 
    border: #E1B400 2px solid; 
    padding: 25px 25px 10px 25px; 
    line-height: 20px; 
    background: #fff url("/images/bg-news.gif") no-repeat right top; 
} 
div.cell-nova-godina { 
    border: #E1B400 2px solid; 
    padding: 25px 25px 10px 25px; 
    line-height: 20px; 
    background: #fff url("/images/bg-nova-godina.gif") no-repeat right top; 
} 
div.cell-pdf { 
    border: #E1B400 2px solid; 
    padding: 25px 25px 10px 25px; 
    line-height: 20px; 
    background: #fff url("/images/bg-pdf.gif") no-repeat left top; 
}  
 

div.usluge {  }
div.usluge ul { 
    margin: 0; 
    padding: 0; 
    list-style: none; 
    padding: 5px 0 0 5px; 
}
div.usluge ul li { 
    height: 20px; 
    padding-left: 30px; 
    background: url("/images/bg-li-accept.gif") no-repeat left top; 
    font-size: 15px; 
}

div.manifestacije { 
    float: right; 
    width: 100%; 
}
div.manifestacije ul { 
    margin: 0; 
    padding: 0; 
    list-style: none; 
    padding: 5px 0 0 5px; 
    float: right; 
}
div.manifestacije ul li { 
    height: 20px; 
    font-size: 15px; 
    text-align: right; 
}  

div.zebra {  }
div.zebra ul { 
    margin: 0; 
    padding: 0; 
    list-style: none; 
}
div.zebra ul li.one { 
    clear: both; 
    margin: 2px 0 2px 0; 
    padding: 10px 10px 10px 10px; 
    color: #fff; 
    background: #4dade3; 
    font: 18px Georgia, Helvetica, sans-serif; 
    text-transform: uppercase; 
}
div.zebra ul li.two { 
    margin: 2px 0 2px 0; 
    padding: 10px 0 10px 0; 
    background: #f9f9f9; 
    float: left; 
    display: inline; 
    width: 100%; 
}
div.zebra ul li:hover.two { 
    color: #fff;
    background: #85d3ff;  
}
div.zebra ul li.two span.title { 
    clear : left; 
    float: left; 
    padding-left: 10px; 
} 
div.zebra ul li.two span.price { 
    clear : right; 
    float: right; 
    font: 18px Georgia, Helvetica, sans-serif; 
    text-transform: uppercase; 
    padding-right: 10px; 
} 
div.zebra ul li.three { 
    margin: 2px 0 2px 0; 
    padding: 10px 0 10px 0; 
    background: #f1f1f1; 
    float: left; 
    display: inline; 
    width: 100%; 
}
div.zebra ul li:hover.three { 
    color: #fff; 
    background-color : #85d3ff; 
}
div.zebra ul li.three span.title { 
    clear : left; 
    float: left; 
    padding-left: 10px; 
} 
div.zebra ul li.three span.price { 
    clear : right; 
    float: right; 
    font: 18px Georgia, Helvetica, sans-serif; 
    text-transform: uppercase; 
    padding-right: 10px; 
} 
div.zebra ul li.four { 
    margin: 2px 0 2px 0; 
    padding: 10px 0 10px 0; 
    background: #85d3ff; 
    float: left; 
    display: inline; 
    width: 100%; 
}
div.zebra ul li.four span.title { 
    clear : left; 
    float: left; 
    padding-left: 10px; 
    color: #fff; 
    background-color: inherit; 
    font: 18px Georgia, Helvetica, sans-serif; 
    text-transform: uppercase; 
}   
div.zebra ul li.four span.price { 
    clear : right; 
    float: right; 
    padding-right: 10px; 
    font: 18px Georgia, Helvetica, sans-serif; 
    text-transform: uppercase; 
    color: #fff; 
    background-color: inherit; 
} 


.tabela tbody tr.Prva td { 
    background-color: #f9f9f9; 
    padding: 5px 0 5px 0; 
}
.tabela tbody tr.Druga  td { 
    background-color: #f1f1f1;  
    padding: 5px 0 5px 0; 
}


#map-lokacija { 
    width:100%; 
    height: 650px; 
    margin:5px auto; 
} 

div.img { 
    margin: 5px; 
    border: 1px solid #ccc; 
    height: auto; 
    width: auto; 
    float: left; 
    text-align: center; 
}
div.img img { 
    display: inline; 
    margin: 3px; 
    border: 1px solid #ccc; 
}
div.img a:hover img { 
    border: 1px solid #004286; 
}
div.img div.desc { 
    text-align: center; 
    font-weight: normal; 
    width: 178px; 
    margin: 2px; 
    background-color: #ccc; 
    color: #fff; 
    padding: 2px; 
}

div.newsPic { 
    margin-right: 20px; 
    border: 1px solid #ccc; 
    height: auto; 
    width: auto; 
    float: left; 
    text-align: center; 
}
div.newsPic img { 
    display: inline; 
    margin: 3px; 
    border: 1px solid #ccc; 
}
div.newsPic a:hover img { 
    border: 1px solid #004286; 
}

.text-input-req, .text-input-req:hover, text-input-req:active, text-input-req:focus, text-input-req:visited { 
    width:236px; 
    height:15px; 
    font: 12px Tahoma, Helvetica, sans-serif;
    color: #686868; 
    background:url(/images/bg-form-input-req.gif) no-repeat left top; 
    border:none; 
    padding:4px 8px; 
}

.text-input, .text-input:hover, text-input:active, text-input:focus, text-input:visited { 
    width:236px; 
    height:15px; 
    font: 12px Tahoma, Helvetica, sans-serif;
    color: #686868; 
    background:url(/images/bg-form-input-req.gif) no-repeat left top; 
    border:none; 
    padding:4px 8px; 
}

.text-textarea, .text-textarea:hover, text-textarea:focus { 
    width:236px; 
    height:125px; 
    font: 12px Tahoma, Helvetica, sans-serif;
    color: #686868; 
    background:url(/images/bg-form-textarea.gif) no-repeat left top; 
    border:none; 
    padding:4px 10px; 
}

.button, .button:hover, button:focus { 
    width:66px; 
    height:26px; 
    font: 12px Tahoma, Helvetica, sans-serif;
    color:#686868;  
    background:url(/images/bg-form-button.gif) no-repeat left top; 
    cursor:pointer; 
    border:none; 
}