/*  This template was created by Mantis-a [http://www.mantisa.cz/]. For more templates visit Free website templates [http://www.mantisatemplates.com/]. */



/* CSS Document */


/* General */

*
{
    margin: 0;
    padding: 0;
}

html
{
    height: 100%;
    font-size: 62.5%;
}

body
{
    height: 100%;
    text-align: center;
    font: 1.2em Verdana, Arial, Helvetica, sans-serif;
    background: #2B1300 url(                    '../img/bg.gif' ) repeat 0 0;
    min-width: 900px;
}

a:link, a:visited
{
    color: #A42A00;
    text-decoration: underline;
    font-weight: bold;
}

a:hover
{
    text-decoration: none;
}

.cleaner
{
    clear: both;
    height: 0;
    font-size: 0;
    visibility: hidden;
}

.cleaning-box
{
    min-height: 1px;
}

.cleaning-box:after
{
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    font-size: 0;
    content: ' ';
}

.noscreen
{
    display: none;
}

.hidden
{
    /* Skip menu */
    position: absolute;
    top: -10000px;
    left: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
}


/* Wrapper */

.wrapper
{
    width: 900px;
    margin: 10px auto 0 auto;
    padding-bottom: 20px;
    text-align: left;
    position: relative;
}


/* Paragraphs, headings, ... */

p
{
    color: #A42A00;
    line-height: 1.7;
}

h1, h1 a:link, h1 a:visited, h2, h3
{
    font-family: Georgia, "Times New Roman" , Times, serif;
    font-weight: normal;
    letter-spacing: 1px;
}

h4
{
    font-family: Georgia, "Times New Roman" , Times, serif;
    font-weight: normal;
    letter-spacing: 1px;
    color: #EBD391;
    margin-bottom: 5px;
}

h2, h3
{
    color: #A42A00;
}

h1
{
    font-size: 2.6em;
    color: #EBD391;
    margin-bottom: 5px;
}

h1 a:link, h1 a:visited
{
    color: #EBD391;
    text-decoration: none;
    margin-bottom: 5px;
}

h2
{
    font-size: 1.8em;
    margin-bottom: 8px;
}

h3
{
    font-size: 1.5em;
}


/* Search form */

form.searching
{
    width: 201px;
    position: absolute;
    top: 6px;
    right: 14px;
}

fieldset
{
    border: 0;
}

#picture-input
{
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 162px;
    height: 26px;
    background: url(                    '../img/input-bg.png' ) 0 0 no-repeat;
    border: 0;
}

#picture-input input
{
    position: relative;
    top: 5px;
    left: 37px;
    width: 123px;
    border: 0;
    letter-spacing: 1px;
    background-color: #FFF4D5;
}

form.searching input.hledat
{
    letter-spacing: 1px;
    padding-left: 0;
    font-weight: bold;
    color: #FFFFFF;
    position: absolute;
    top: 0;
    right: 0;
}

form.searching label
{
    display: none;
}


/* Menu */

.menu
{
    list-style: none;
    width: 870px; /*margin: 5px auto 0 auto;*/
    padding-left: 30px;
    background: #682E00 url(                    '../img/menu-bg.gif' ) repeat-x 0 0;
}

.menu li
{
    float: left;
    display: inline;
    line-height: 55px;
    margin-right: 2.1em;
    padding-right: 2.1em;
    background: url(                    '../img/li-bg.gif' ) no-repeat 100% 50%;
    white-space: nowrap;
}

.menu li a, .menu li a:visited
{
    float: left;
    display: inline;
    color: #EBD391;
    font-weight: normal;
    padding: 0 7px;
}

.menu li a:hover
{
    color: #FFF4D3;
}

.menu li a.active
{
    background: url(                    '../img/li-hover.gif' ) repeat-x 0 50%;
    text-decoration: none;
}

.menu li.last
{
    background: none;
}


/* Content */

.content
{
    width: 900px;
    margin: 0 auto;
    background-color: #FFF4D5;
}

.content_katalog
{
    width: 900px;
    margin: 0 auto;
    background-color: #FFFFFF;
}

.column-left
{
    float: left;
    width: 63%;
}

.column-left-in
{
    margin: 1.7em 1em 3em 1.8em;
}

p.text-content:first-letter
{
    /*font-size: 1.4em;
    //font-weight: bold;
    //line-height: 0.9;*/
}

.column-left h3
{
    margin: 17px 0 12px 0;
}

.column-right
{
    float: right;
    width: 36%;
}

.column-right-in
{
    margin: 1.7em 1em 3em 1em;
}

#board-top
{
    width: 295px;
    height: 25px;
    background: #8B5F26 url(                    '../img/board-top.gif' ) no-repeat 0 0;
}

#board
{
    background-color: #8B5F26;
    width: 295px;
}

.board-in
{
    margin: 0 1.8em;
    padding: 0.7em 0;
}

#board-bottom
{
    width: 295px;
    height: 21px;
    background: #8B5F26 url(                    '../img/board-bottom.gif' ) no-repeat 0 0;
}

#board h3
{
    font-size: 1.35em;
    color: #FFF9E7;
}

#board dl
{
    color: #FFF9E7;
    margin-top: 13px;
}

#board dt
{
    font-size: 0.9em;
    font-weight: bold;
    margin-bottom: 2px;
}

#board dd
{
    margin-bottom: 20px;
}

#board dd a, #board dd a:visited
{
    color: #FFF9E7;
    font-weight: normal;
    text-decoration: none;
    line-height: 1.3;
    margin-bottom: 20px;
}

#board dd a:hover
{
    text-decoration: underline;
}

.divider
{
    width: 295px;
    height: 13px;
    background: #8B5F26 url(                    '../img/divider.gif' ) no-repeat 0 0;
    margin: -5px 0 16px 0;
}

.paper
{
    width: 295px;
    height: 210px;
    background: #8B5F26 url(                    '../img/paper.gif' ) no-repeat 0 0;
    margin-top: 4px;
    padding-bottom: 9px;
}

.paper-in
{
    margin: 0 2.5em;
    padding-top: 1.7em;
}

#board address
{
    font-style: normal;
    font-weight: bold;
    color: #803900;
    line-height: 1.45;
    background-color: #FFFFFF;
}


/* Lists */

ul.we-do
{
    list-style: none;
    margin-bottom: 30px;
}

ul.we-do li
{
    background: url(                    '../img/bullet.gif' ) no-repeat 0 1px;
    padding: 0 0 1px 27px;
    margin-bottom: 10px;
    color: #A42A00;
    line-height: 1.3;
}


/* Image gallery */

.gallery
{
    width: 450px;
}

.photo
{
    float: left;
    display: inline; /*width: 150px;*/
    padding: 10px;
    height: 150px;
    overflow: auto;
    position: relative;
    top: 0px;
    left: 0px;
}

.photo a img
{
    margin: 0 auto 1px auto;
    border: 4px solid #DEBE81;
}

.photo a:hover img
{
    border: 4px solid #A42A00;
}

.photo p, .photo p a, .photo p a:visited
{
    margin-left: 1px;
}


/* Footer */

.footer
{
    width: 900px;
    height: 47px;
    margin: 0 auto;
    background: #893D00 url(                    '../img/footer-bg.gif' ) repeat-x 0 0;
    border-top: 2px solid #612900;
}

.footer p
{
    color: #FFF4D5;
    line-height: 47px;
}

.footer p a, .footer p a:visited
{
    color: #FFF4D5;
    font-weight: normal;
}

.footer p.text-left
{
    float: left;
    width: 415px;
    margin-left: 27px;
    display: inline;
}

.footer p.text-right
{
    float: right;
    text-align: right;
    width: 415px;
    margin-right: 27px;
    display: inline;
}

#printer
{
    background: url(                    '../img/printer.gif' ) no-repeat 0 bottom;
    padding-left: 27px;
}


p#subfooter
{
    color: #C7BEA8;
    font-size: 0.95em;
    text-align: right;
    margin: 7px 4px 0 0;
}

p#subfooter a, p#subfooter a:visited
{
    color: #C7BEA8;
}

p#subfooter a:hover
{
    color: #FFF4D5;
}

#light-link
{
    font-weight: normal;
}

.slika
{
    float: left;
    padding: 15px;
    text-align: center;
}


.lijevo
{
    float: left;
    width: 140px;
    height: 1000px;
    padding: 10px;
}

.desno
{
    padding: 10px; /*  width: 800px;*/
 text-align:center;
}




/*KATALOG  Menu */

.menu_katalog
{
    float: left;
    list-style: none;
    width: 110px;
    margin: 5px auto 0 auto;
    padding-top: 0px;
    padding-left: 30px;
    background: #682E00 url(                    '../img/menu-bg.gif' ) repeat-x 0 0;
}

.menu_katalog li
{
    /* float: left;     display:inline;*/
    line-height: 55px;
    http: //localhost:1281/chocolate/index.html margin-right: 2.1em;
    padding-right: 2.1em; /*background: url( '../img/li-bg.gif' ) no-repeat 100% 50%;*/
    white-space: nowrap;
    width: 123px;
}

.menu_katalog li a, .menu li a:visited
{
    /*float: left;*/
    display: inline;
    color: #EBD391;
    font-weight: normal;
    padding: 0 7px;
}

.menu_katalog li a:hover
{
    color: #FFF4D3;
}

.menu_katalog li a.active
{
    background: url(                    '../img/li-hover.gif' ) repeat-x 0 50%;
    text-decoration: none;
}

.menu_katalog li.last
{
    background: none;
}



/* KATALOG */

.katalog_redak
{
    width: 200px;
    float: left;
    border: 1px dotted #CCCCCC;
    line-height: 1.5em;
    padding: 5px;
    margin:5px;
    font-family: Arial;
    height: 200px;
     text-align:left;
  
}

.naslov
{
    color: #703302;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    padding: 3px;
}

.slika_katalog
{
    text-align: center;
    padding: 3px;
}

.cijena
{
    color: #703302;
    font-size: 20px;
    text-align: right;
    padding: 3px;
}

.opis
{
    color: #703302;
    font-size: 1em;
    padding: 2px;
}

.text-content
{
    padding: 5px;
    width: 500px;
    color: #A42A00;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    text-align: justify;
}

table.tablica
{
    border-width: 1px 1px 1px 1px;
    border-spacing: 2px;
    border-style: outset outset outset outset;
    border-color: #703302;
    border-collapse: separate;
    background-color: white;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    color: #703302;
    font-size: 1em;
    border-collapse: collapse;
}

table.tablica th
{
    border-width: 1px;
    padding: 3px;
    border-style: inset;
    border-color: #703302;
    background-color: white;
    border-collapse: collapse;
}
table.tablica td
{
    border-width: 1px;
    padding: 3px;
    border-style: inset;
    border-color: #703302;
    background-color: white;
    border-collapse: collapse;
}
.akcija
{
    color: #703302;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 1.3em;
}

.naslov_cjenik
{
    text-align: center;
    color: #703302;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 2em;
}


.obavijest
{
    width: 890px;
    margin: 0 auto;
    background-color: #FFFFFF;
    padding: 5px;
    color: #703302;
    font-size: 1.2em;
    letter-spacing: 0.5px;
    text-align: justify;
    font-family: Verdana,Arial,Helvetica,sans-serif;
}

.naslovna
{
    padding: 0px;
    margin: 0px;
    border: 0px;
    height: 230px;
}

.vrata
{
    padding: 25px;
    float: left;
}

/*JUPITER */
table.jupiter
{
    padding-bottom: 10px;
}

table.jupiter td
{
    padding-right: 15px;
    padding-bottom: 2px;
    font: 1em Verdana, Arial, Helvetica, sans-serif;
    font-weight: 500;
    color: #703302;
}

.jupiter_naslov
{
    color: Red;
    font: 1.5em Verdana, Arial, Helvetica, sans-serif;
    padding-bottom: 5px;
}
/*END JUPITER*/

.crijep
{
    
   clear:right;
}

.kontakt
{
   font-style: normal;
    font-weight: bold;
    color: #803900;
    line-height: 1.45;

     padding:30px;
}