html {background-image:url("img/ff/htmlbg.jpg"); background-color:#034924; background-repeat:repeat-x;}
input, td, div, p, span, label, h1, h2, h3, h4, h5, button,textarea
{font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6 {font-weight:bold; text-align:left;}

h1 {font-size:26px;}
h2 {font-size:24px;}
h3 {font-size:22px;}
h4 {font-size:20px;}
h5 {font-size:18px;}
h6 {font-size:16px;}

div.breakline {width:609px; margin-top:10px; margin-bottom:10px; clear:both; height:7px; background-image:url("img/break_line.jpg"); background-repeat:no-repeat;}

h3.title {border-bottom:2px solid #009847; padding-bottom:5px; }

a {color:#370205;}
a:hover {color:#000000;}
body{color:#370205;}


textarea, input      {color:#3d3d3d; border:1px solid #ccc; width:200px; padding:4px;}
textarea             {width:300px; height:80px;}
button               {border:1px solid #3d3d3d; margin:20px; padding:5px; cursor:pointer;}
.poraka              {padding:10px; color:green; margin:20px; font-weight:bold; font-size:16px;}


.box                {padding:20px; text-align:left;}
.box h1             {font-size:20px;}


.bottomMenu         {position:relative;vertical-align:bottom; width:224px; bottom:0px;  height:50px; background-image:url("img/ovozmozeno-od-bg.jpg");}
.bottomMenuHead     {background-image:url("img/ovozmozeno-od-head.jpg"); background-repeat:no-repeat; margin-top:20px; }
.bottomMenuHead ul li {text-align:left; margin-left:20px; padding:3px 3px 3px 20px; font-size:10px; margin-bottom:3px; font-weight:bold;
                        background-image:url("img/bg-posledni-recepti.jpg"); background-repeat:no-repeat; background-position:0px 3px;
                        }
.bottomMenuHead ul {margin-top:10px;}


.cleardiv           {clear:both;}

.latest_news        {padding:30px;}
.posledniRecepti    {padding-top:15px; font-weight:bold;}

.headbgline         {background-image:url("img/ff/head-bg.jpg"); height:350px;  background-repeat:repeat-x}
.first              {background-position:0px 71px;}

.mainHeadHolder     {margin:-350px auto; width:900px; }
.mainPic            {padding-top:2px;}

.headmenu           {margin-left:600px; margin-bottom:2px;}
.headmenu ul li     {background-color:#000; border:1px solid #0b6234;
                     background-repeat:no-repeat; float:left; padding:0px 10px 0px 10px;
                     height:33px; margin-right:20px;}

.headmenu ul li a   {display:block; color:#14cf6b; margin-top:10px; font-size:10px;}


.maindiv            {width:899px; background-color:#f1e3d1; height:320px;}


.header-top         {background-image:url("img/header-top.jpg"); background-repeat:no-repeat; height:33px;}
.header-main-pic    {height:255px; background-image:url("img/header-linii.jpg"); background-repeat:repeat-x;}


.bodyDiv                {width:899px; background-color:#fff9f1; margin:0 auto; margin-top:360px; margin-bottom:30px;}
.bodyLeft               {width:226px; border-right:2px dashed #ccc; margin-top:20px; float:left;}
.bodyRight              {width:671px; margin-top:20px; float:left;}

.mainMenu li            {margin:10px; height:44px;  text-align:left; background-repeat:no-repeat;
                         background-image:url("img/menu-notclicked.jpg");}
.mainMenu li a          {padding-left:40px; color:#370205; text-decoration:none; padding-top:3px; display:block; font-weight:bold;}
.mainMenu li a:hover    {text-decoration:underline;}
.mainMenu li.clicked    {background-image:url("img/menu-clicked.jpg");
                         background-image:url("img/menu-clicked.jpg"); background-repeat:no-repeat;}
.mainMenu li.clicked a  {display:block; padding-top:17px; color:#fff; font-weight:bold; text-decoration:none;}
.mainMenu li.clicked a:hover  {text-decoration:underline;}

.recomended             {font-weight:bold;}
.recomended img         {padding:3px; border:2px solid #000; margin-top:3px;}
.latest_news            {text-align:left;}
.text                   {padding:10px;}
.latest_news img        {text-align:left; float:left; margin:4px; padding:2px; border:1px solid #000;}

.ovozmozeno             {font-size:10px; font-weight:bold; padding-top:19px; text-align:left; padding-left:10px;}
.ovozmozenoOd           {font-size:11px; font-weight:bold; text-align:left; color:#1d4a07; padding-left:10px; letter-spacing:-1px;}

/* GALLERY */

/* image replacement */
.graphic, #header h1, #prevBtn, #nextBtn{
    margin:0;
    padding:0;
    display:block;
    overflow:hidden;
    text-indent:-8000px;
}
/* // image replacement */

/* clearfix */

#content:after, ul:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
#content, ul{
    display:block;
}
/*  \*/
#content, ul{
    min-height:1%;
}




/* // HTML Tags */

/* // Global */

/* page setup */

#container{
    margin:0 auto;
    position:relative;
    text-align:left;
    width:778px;
    margin-bottom:2em;
}
.col{
    float:left;
    display:inline;
    width:299px;
    margin-left:36px;
    padding:0 0 1em 0;
}
.full{
    clear:both;
    padding:1em 36px;
}
#footer{
    clear:both;
    background:url(img/bg_footer.gif) no-repeat 0 100%;
    height:80px;
    padding:0 36px;
    font-size:12px;
    color:#fff;
}

/* //page setup */

/* header */

#header h1{
    position:absolute;
    margin:0;
    padding:0;
    width:203px;
    height:110px;
    top:34px;
    left:36px;
    background:url(img/bg_logo.gif) no-repeat 0 0;
}

/* // header */

/* content */

.left{
    float:left;
    margin-top:.5em;
    margin-right:15px;
}
.left img{
    border:1px solid #e1e1e1;
    border-top:1px solid #e8e8e8;
    border-left:1px solid #e8e8e8;
    background:#f1f1f1;
    padding:5px;
}

/* slider */

#slider ul, #slider li{
    margin:0;
    padding:0;
    list-style:none;
}
#slider, #slider li img { margin-right:8px; margin-left:8px; }
#slider, #slider li{
    height:240px;
    width:778px;
    overflow:hidden;
}
#slider{
    margin-left:5px;
}
#prevBtn, #nextBtn{
    display:block;
    width:30px;
    height:77px;
    position:absolute;
    left:-30px;
    top:71px;
}
#nextBtn{
    left:784px;
}
#prevBtn a, #nextBtn a{
    display:block;
    width:30px;
    height:77px;
    background:url(img/btn_prev.gif) no-repeat 0 0;
}
#nextBtn a{
    background:url(img/btn_next.gif) no-repeat 0 0;
}

/* // slider */

.col strong, .full strong{
    padding:0 2px;
    background:#f1f1f1;
}
.col a, .full a{
    font-weight:bold;
    text-decoration:underline;
}


.full ul, .full li{
    margin:0;
    padding:0;
    list-style:none;
}
.full li{
    padding:3px 15px;
    background:#f1f1f1;
    margin-bottom:1px;
}

table.restoranMeni  {width:610px; font-weight:bold;}
table.restoranMeni td {padding:3px; border-bottom:1px dotted #ccc;}
table.restoranMeni tr.odd td {background-color:#f0eae3; }

.denari             {width:30px;}
.cena               {width:28px; text-align:right; padding-right:5px; }
.proizvod           {width:180px;}
td.tocki            {background-image:url("/style/img/tocki.jpg"); background-repeat:repeat-x;  background-position:center;}
table.restoranMeni tr.odd td.tocki {background-image:url("/style/img/tocki_temno.jpg"); background-repeat:repeat-x; background-position:center;}


.crveno             {color:red;}
.zeleno             {color:green}