body { 
    border: 0px none; 
    margin: 0px; 
    padding: 0px; 
    font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; 
    

    font-size: 0.75em; 
    text-align: center;
} 

fieldset {
    border: 0px;
}

h1 {
    margin: 0px;
    padding: 0px;
    font-size: 20px;
}

h2 {
    margin: 0px 0px 10px 0px;
    padding: 0px;
    width: 160px;
    height: 22px;
    background-color: #117E35; 
    line-height: 22px;
    font-size: 1em;
    color: #FFFFFF;
}

h3 {
    margin: 0px 0px 0px 40px;
    padding: 0px;
    color: #2E2E2E;
    font-size: 1em;
    line-height: 26px;
}

a {
    text-decoration: underline;
    color: #000000;
}

a:hover {
    text-decoration: none;
}

#master {
    width: 900px;
    margin: 0px auto 0px auto;
}

#head {
    width: 900px;
    height: 115px;  
    position: relative;
    background: url('images/top-image.jpg') top left no-repeat;
    border: 0px solid red;  
}

#headtricko {
    width: 900px;
    
    position: relative;
    background: url('images/top-image.jpg') top left no-repeat;
    border: 1px solid white;
}
#headtricko #text {
    border: 0px solid green;
    margin-top: 130px;
    text-align: left;
    padding-left: 10px;
}

h1#logo {
    margin: 0px; 
    padding: 0px;
    float: left;
    border: 0px solid red;
}

h1#logo a {
    background-color: transparent; 
    display: block; 
    width: 265px;
    position: absolute;
    top: 20px;
    left: 300px;
    color: #000000;
    text-decoration: none;
    text-align: center;
}

h1#logo span {
    width: 308px;
    height: 85px;
    background: url('images/nadpisy/nadpis-logo.png') top left no-repeat; 
    cursor: pointer; 
    display: block; 
    z-index: 1;
    position: absolute;
    top: -15px;
    left: -25px;
}


h1#logotricka {
    margin: 0px; 
    padding: 0px;
    float: left;
    border: 0px solid red;
}

h1#logotricka a {
    background-color: transparent; 
    display: block; 
    width: 265px;
    position: absolute;
    top: 20px;
    left: 300px;
    color: #000000;
    text-decoration: none;
    text-align: center;
}

h1#logotricka span {
    width: 308px;
    height: 85px;
    background: url('images/nadpisy/nadpis-tricky.png') top left no-repeat; 
    cursor: pointer; 
    display: block; 
    z-index: 1;
    position: absolute;
    top: -15px;
    left: -25px;
}


#topMenu {
    float: right;
    width: 200px;
    text-align: left;
    list-style-type: none;
    margin: 20px 0px 0px 0px;
    padding: 1px 0px 0px 20px;
    /*border-left: 1px dotted #000000; */
}

#topMenuTricka {
    float: right;
    width: 208px;
    text-align: left;
    list-style-type: none;
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: 0px solid blue;
    /*border-left: 1px dotted #000000; */
    
}


#search {
    width: 900px;
    height: 35px;
    background-color: #608F00;
    border-top: 3px solid #0B5804;
    margin-bottom: 12px;
    border: 0px solid blue;
}

#search form {
    position: relative;
    width: 310px;
    height: 35px;
    text-align: left;
    background: url('images/search-img.png') 0px 9px no-repeat;
    border: 0px solid red;
    margin-left: 590px;
}


#search input {
    border: 1px solid #396C0C;
    width: 180px;
    float: left;
    margin: 3px 0px 5px 20px;
} 

#invText {
    width: 350px; 
    margin: 0px 0px 0px 10px;
    line-height: 32px;
    height: 32px;
    float: left; 
    color: #FFFFFF;
    text-align: left;
    padding-left: 15px;
    padding-top: 1px;
    background: url('images/arrow-green.png') 0px 12px no-repeat;
    border: 0px solid red;
}

#left {
   /* position: fixed;*/
    width: 171px;
    float: left;
    clear: both;
    margin-right: 5px;
    border: 0px solid red;
}

#left h2 {
    float: left;
}

#left #stat {
    border: 0px solid red;
    float: left;
    width: 160px;
}
#left #stat img {
    border: 0px;
    
    
}
.verticalMenus {
    width: 146px;
    list-style-type: none;
    margin: 0px 0px 5px 0px;
    padding: 0px;
    text-align: left;
    clear: both;
     
}

.verticalMenus li {
    height: 22px;
    padding-left: 10px;
    background: url('images/arrow-white.png') 0px 6px no-repeat;
    width: 100%;
}

.verticalMenus li a {
    text-decoration: none;
}

.verticalMenus li a:hover {
    text-decoration: underline;
}
.ClankyBrowse {
    border: 0px solid red;
    width: 99%;
}
.ClankyBrowse table { 
    border: 0px solid green;
    margin-left: 175px;
}
.HlavniNazory {
    border: 0px solid red;
}

.HlavniNazory .CelyNazor {
    border: 0px solid green;
    
    margin-bottom: 30px;
    
}

.HlavniNazory .CelyNazor a {
    margin-left: 1px;
}
.HlavniNazory .CelyNazor .podpis {
    margin-left: 1px;
}
.HlavniNazory .CelyNazor .DetailNazor {
    border: 1px solid #608F00;
    padding: 10px;
    background-color: #608F00;
    color: #FFFFFF;
    
    margin-top: 7px;
    margin-bottom: 4px;
}
.browse {
    width: 543px;
    border: 0px;
    background-color: #FFFFFF;
    font-size: 1em;
}

.browse tr:hover {
    background        : #e7e7e7;
}

.browse td a {
    text-decoration: none;
}

.browse td a:hover {
    text-decoration: underline;
}


.browse th {
    background-color: #117E35; 
    line-height: 22px;
    font-size: 1em;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
}

.browse th a {
    background-color: #117E35; 
    line-height: 22px;
    font-size: 1em;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;

}

.browse td.jmeno {
}

.browse td.body {
    text-align: center;
}

.browse td.hsurovina {
    padding-left: 10px;
}

.browse td.skupina {
    padding-left: 10px;  
}

.browse td.autor {
    padding-left: 10px;
}

.browse td.foto {
  text-align: center;
}

.browse td.nazory {
    text-align:center;
}
#obchod {
    width: 900px;
    float: left;
    text-align: left;
    position: relative;
    margin-right: 0px;
    border: 0px solid red;
}

#clanek {
    width: 716px;
    float: left;
    text-align: left;
    position: relative;
    margin-right: 6px;
    border: 0px solid red;
}

#clanek h2 {
    margin: 0px 0px 0px 0px;
    padding-top: 10px;
    width: 716px;
    height: 50px;
    background-color: white; 
    line-height: 20px;
    font-size: 20px;
    color: black;
    border: 0px solid red;
    text-align: center;
}
#clanek .homeBgH3 {
    width: 716px;
    height: 26px;
    margin: 0px 0px 5px 0px;
    background-color: #C4C4C4;
    border-top: 1px solid #727272;
    border-bottom: 1px dotted #000000;
}


#recept {
    width: 716px;
    float: left;
    text-align: left;
    position: relative;
    margin-right: 6px;
    border: 0px solid red;
    
}
#recept .homeBgH3 {
    width: 716px;
    height: 26px;
    margin: 0px 0px 5px 0px;
    background-color: #C4C4C4;
    border-top: 1px solid #727272;
    border-bottom: 1px dotted #000000;
}
#recept .homeBgH3 .jm_vlevo {
    height: 25px;    
    padding-top: 4px;
    padding-left: 10px;
    width: 350px;
    float: left;
    border: 0px solid  red;
    
}
#recept .homeBgH3 .jm_vlevo .autor{
    border: 0px solid green;
    padding-top: 1px;
    float: left;

}


#recept .homeBgH3 .jm_vlevo .srdce{
    border: 0px solid green;
    padding-left: 8px;
    margin-top: 4px;

}

#recept .homeBgH3 .jm_vlevo .jmeno_receptu{
    font-size: 1.2em;
    font-weight: bold;
    float: left;
    padding-right:5px;
    border: 0px solid red;     
}

#recept .homeBgH3 .jm_vpravo{
    height: 25px;    
    width: 190px;
    margin-left: 500px;
    padding-top: 4px;
    padding-left: 5px;
    border: 0px solid red;
}
#recept .homeBgH3 .menu_vpravo{
    height: 25px;    
    width: 100px;
    margin-left: 600px;
    padding-top: 4px;
    padding-left: 5px;
    border: 0px solid red;
}

#recept .homeBgH3 .jm_vpravo .kategorie{
    font-size: 1.2em;
    font-weight: bold;
    float: left;
    padding-right: 10px;

}
#recept .homeBgH3 .jm_vpravo .kategorie a{
    text-decoration: none;
}
#recept .obr {
    margin-top: 7px;
   
    float:  left;
}
#recept .obr img {
    border: 0px solid red;

}

#recept .menu {
    width: 350px;
    float: right;
    margin-top: 5px;

}
#recept .menu h2 {
    text-align: center;
    width: 350px;
    margin: 0px;
}

#recept .menu .seznam {
    padding: 5px;
    border: 1px solid gray;  
}
#recept .menu .seznam .popis {
    font-weight: bold;
    text-align: right;
}
#recept .menu .seznam .nadpis {
    border: 0px solid red;
    padding-top: 10px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    text-align: center;
    font-size: 13px;
}
#recept .menu .seznam td {
    padding: 3px;
    border: 0px solid red;
}
#recept .suroviny {
    width: 200px;
    float: right;
    margin-top: 5px;
      
}
#recept .suroviny h2 {
    text-align: center;
    width: 200px;
    margin: 0px;
      
}
#recept .suroviny .seznam {
    padding:10px;
    border: 1px solid gray;  
}

#recept .ikony {
    
    width: 320px;
    height: 70px;
    /*float: left;*/
/*    margin-top: 270px;*/
    border: 1px solid gray;
}
#recept .ikony table {
    width: 100%;
    border-collapse: collapse;
}
#recept .ikony #header {
    background-color: #C4C4C4;
    text-align: center;

}
#recept .ikony tr{
    text-align: center;
}
#recept .ikony td{
    width: 33%;
}

#recept .ikony img {
    margin-top: 10px;  
}


#recept .hlaska {
    width: 320px;
    border: 0px solid red;
    text-align: center;
}
#recept .ikony2 {
    
    width: 320px;
    height: 60px;
    /*float: left;*/
/*    margin-top: 270px;*/
    border: 1px solid gray;
}
#recept .ikony2 table {
    width: 100%;
    border-collapse: collapse;
}
#recept .ikony2 #header {
    background-color: #C4C4C4;
    text-align: center;

}
#recept .ikony2 tr{
    text-align: center;
}
#recept .ikony2 td{
    border: 0px red solid;
}
#recept .ikony2  .boduj{
    width: 25%;
    border: 0px red solid;
}
#recept .ikony2 .ostatni{
    width: 17%;
    border: 0px green solid;
}


#recept .ikony2 img {
    margin-top: 5px;  
    border: 0px solid red;
}



#recept .horni {
    width: 715px;
    border: 0px solid green;
    text-align: left;
    position: relative;

}

#recept .cleaner2 {
    clear: both;
    width: 100%;
    margin-top: 1px;
    float: left;
    border: 0px solid gray;
}

#recept .postup {
    clear: both;
    width: 100%;
    margin-top: 2px;
    float: left;
    border: 1px solid gray;

}
#recept .postup h2 {
    width: 200px;
    padding-left: 10px;
    margin: 0px;
}
#recept .postup .text {
    padding: 10px;
}

#recept .nazory {
    clear: both;
    width: 100%;
    margin-top: 20px;
    float: left;
    border: 1px solid gray;
    
}
#recept .nazory td {
    padding: 14px;
    border-bottom: 1px dotted gray;
}
#recept .nazory h2 {
    width: 200px;
    padding-left: 10px;
    margin: 0px;
}
#recept .nazory .formular {
   width: 500px;
   background-color: #608F00;
   color: #FFFFFF;
   border: 0px solid red;
   margin-left: 90px;
   margin-top: 20px;
   margin-bottom: 20px;
   margin-right: 40px;
   padding: 20px; 
}
#recept .nazory   textarea {
    border: 1px solid #396C0C;
    margin-left: 40px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

#recept .nazory .dole {
    width: 450px;
    border: 0px solid red;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 50px;
    text-align: center;
}
#recept .nazory .dole table td {
    border: 0px solid red;
    margin: 0px;
    padding: 3px;
    text-align: right;
}
#recept .nazory .dole .button {
    border: 0px solid black;    
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 190px;
    float:left;
    
}
#recept .nazory .nadpis {
    width: 300px;
    border: 0px solid red;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 50px;
}
#recept .tisk_recept {
    border: 0px solid white;
    
}
#recept .tisk_recept table {
    text-align: center;
    border: 0px solid red;
    margin-left: 180px;
    margin-top: 30px;
}
#recept .tisk_recept table td {
    padding: 15px;
}
#recept .tisk_recept  img {
    border: 1px solid black;
}

#center {
    width: 547px;
    float: left;
    text-align: left;
    position: relative;
    margin-right: 6px;
}
#recept #reklama {
    width: 468px;
    height: 60px;
    border: 0px solid red;
    margin-top: 0px;
    margin-left: 150px;
    padding-bottom: 10px;
}
#recept #reklama img {
    border: 0px;
}
#center #reklama {
    width: 468px;
    height: 60px;
    border: 0px solid red;
    margin-top: 0px;
    margin-left: 50px;
    padding-bottom: 10px;
}
#center #reklama img {
    border: 0px;
}
#center .uvod {
    position:relative;
    width: 540px;
    border:1px solid white;
}
#center .uvod .nadpis {
    border:0px solid red;
    position: absolute;
    top: 0px;
    right: 0px;

}
#center .uvod .ikona {
    float: left;
    margin-top: 30px;
    padding-right: 10px;

}
#center .ikona {
    float: left; 
    margin-top: 20px; 
    padding-right: 10px;
}

#center .nadpis {
    position: absolute; 
    top: 30px; 
    left: 300px;
}
#center .nadpis_top {
    position: absolute; 
    top: 0px; 
    left: 180px;
}


#center .nadpis_top2 {
    float: left; 
    margin-top: -130px; 
    margin-left: 320px;

}


#center .popis {
    margin-top: 60px; 
    border: 0px solid red;
}
#center .hledej {
   background-color: #608F00;
   color: #FFFFFF;
   border: 0px solid red;
   margin: 5px; 
   padding: 15px;
   
}
#center .hledej table {
    border: 0px solid red;
}
#center .hledej td {
   padding: 5px;
   border: 0px solid red;
}
#center .hledej input {
    border: 1px solid #396C0C;
}

#center .hledej p img {
    padding-right: 10px;
}
#center .hledej a {
    color: white;
}

#center .aktualne {
    border: 0px solid red;
    text-align: center;
    margin-bottom: 50px;
}
#center .aktualne img {
    border: 0px solid green;
    margin-left: 110px;
}
#center .aktualne p {
    border: 0px solid blue;
    margin-top: 0px;
}
#center .blog {
    border: 0px dotted gray;

}

#center .blog .nadpis {
    border: 0px solid green;
    position: absolute; 
    top: 0px; 
    left: 190px;
}

#center .blog .blogArticle {
    border: 0px solid red;
    /* font-family: "Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif; */

}
#center .blog .blogArticle h2{
    font-size: 20px;
    border: 0;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    background-color: white; 
    line-height: 22px;
    color: black;
}

#center .blog .blogArticle .datum {
    font-weight: bold;
    
}

#center .blog .blogArticle .autor {
    font-size: 10px;
}
#center .blog .blogArticle .feedback {
    
    text-align: right;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 1px dotted gray;
    margin-bottom: 20px;
}
#center .blog .blogArticle .nazory {
    clear: both;
    width: 100%;
    margin-top: 20px;
    float: left;
    border: 1px solid gray;
    
}
#center .blog .blogArticle .nazory table {
    width: 100%;
}
#center .blog .blogArticle .nazory td {
    padding: 14px;
    border-bottom: 1px dotted gray;
}
#center .blog .blogArticle .nazory h2 {
    margin: 0px 0px 10px 0px;
    padding-left: 10px;
    width: 160px;
    height: 22px;
    background-color: #117E35; 
    line-height: 22px;
    font-size: 1em;
    color: #FFFFFF;
}
#center .blog .blogArticle .nazory .formular {
   width: 500px;
   background-color: #608F00;
   color: #FFFFFF;
   border: 0px solid red;
   margin-left: 4px;
   margin-top: 20px;
   margin-bottom: 20px;
   margin-right: 40px;
   padding: 20px; 
}
#center .blog .blogArticle .nazory   textarea {
    border: 1px solid #396C0C;
    margin-left: 40px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

#center .blog .blogArticle .nazory .dole {
    width: 450px;
    border: 0px solid red;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 10px;
    text-align: center;
}
#center .blog .blogArticle .nazory .dole table td {
    border: 0px solid red;
    margin: 0px;
    padding: 3px;
    text-align: right;
}
#center .blog .blogArticle .nazory .dole .button {
    border: 0px solid black;    
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 190px;
    float: left;
    
}
#center .blog .blogArticle .nazory .vn {
    border: 0px solid red;
    margin-left: 40px;
    margin-bottom: 10px;
}



#autora {
    width: 716px;
    float: left;
    text-align: left;
    position: relative;
    margin-right: 6px;
    border: 0px solid red;
    
}

#autora .homeBgH3 {
    width: 716px;
    height: 26px;
    margin: 0px 0px 5px 0px;
    background-color: #C4C4C4;
    border-top: 1px solid #727272;
    border-bottom: 1px dotted #000000;
}

#autora .autordetail {
    border: 0px solid red;
}

#autora .autordetail img {
    border: 1px solid gray;
    margin: 10px;
    margin-right: 20px;
    float: left;
}

#autora .autordetail .osobe {
    border: 1px solid gray;
    float: right;
    width: 450px;
    margin-top: 10px;
    
}

#autora .autordetail  h2 {
    padding-left: 10px;
    
}

#autora .autordetail .ovareni {
    clear: both;
    width: 100%;
    margin-top: 20px;
    float: left;
    border: 1px solid gray;
    
}

#autora .autordetail .text {
    
    padding: 0px 10px 10px 10px;
}


#center .kontakt {
   background-color: #608F00;
   color: #FFFFFF;
   border: 0px solid red;
   margin: 5px; 
   padding: 15px;
   padding-bottom: 5px;
}

#center .kontakt table {
    border: 0px solid red;
}
#center .kontakt td {
   padding: 5px;
   border: 0px solid red;
   
}
#center .kontakt input {
    border: 1px solid #396C0C;
}

#recept .kontakt {
   background-color: #608F00;
   color: #FFFFFF;
   border: 0px solid red;
   margin: 5px; 
   padding: 15px;
   padding-bottom: 5px;
   margin-left: 100px;
   margin-top: 15px;
   width: 500px;
}

#recept .kontakt table {
    border: 0px solid red;
}
#recept .kontakt td {
   padding: 5px;
   border: 0px solid red;
   
}
#recept .kontakt input {
    border: 1px solid #396C0C;
}


.anketa {
    border: 0px solid red;
    padding-left: 0px;
    background-color: #608F00;
    color: #FFFFFF;
    width: 540px;
    height: 250px;
    margin-bottom: 50px;
}

.anketa .cleaner2 {
    clear: both;
    width: 100%;
    margin-top: 1px;
    float: left;
    border: 0px solid gray;
}

.anketa .left {
    border: 0px solid red;
    width: 330px;
    padding-left:   50px;
    float: left;
}
.anketa .left input {
    padding-right: 0px;
}
.anketa .centerCudl{
    border: 0px solid blue;
    width: 400px;
    padding-top: 0px;
    
    height: 25px;
}

.anketa .centerCudl input{
    border: 0px solid red;
    padding-left: 250px;
    padding-top: 10px;
}
.anketa .right {
    border: 0px solid red;
    width: 150px;
    float: left;
}
.anketa .right img{
    margin-top: 3px;
    border: 1px solid black;
}

.anketa .right .radka {
    border: 0px solid red;
    padding: 0px 0px 3px 0px;
}

.anketa h2 {
    padding-left: 30px;
    font-size: 16px;
    width: 100%;
    border: 0px solid red;
    background-color: #608F00;
    color: #FFFFFF;
    width: 450px;

}

.napoveda_global  {

    width: 700px;
    float: left;
    text-align: left;
    position: relative;
    margin-right: 6px;
    border: 0px solid red;
}

.napoveda_global .homeBgH3 {
    width: 700px;
    height: 26px;
    margin: 0px 0px 5px 0px;
    background-color: #C4C4C4;
    border-top: 1px solid #727272;
    border-bottom: 1px dotted #000000;
}
.napoveda_global .homeBgH3 h3 {
    margin: 0px 0px 0px 40px;
    padding: 0px;
    color: #2E2E2E;
    font-size: 1em;
    line-height: 26px;
    background-color: #C4C4C4;
}

.napoveda_global h2 {

    margin: 0px 0px 0px 0px;
    padding-top: 10px;
    width: 600px;
    height: 50px;
    background-color: white; 
    line-height: 20px;
    font-size: 20px;
    color: black;
    border: 0px solid red;
    text-align: center;
}
.napoveda_global h3 {
    text-align: left;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    font-size: 1.5em;

}
.napoveda_global .napoveda {
    padding-bottom: 40px;
    border: 0px solid red;
}
.odkazy table {
        background-color: white;
	border-color: #608F00; 
	border-style: solid;
	border-width: 1px;

}

.odkazy table td {
	border-color: #608F00; 
	border-style: dotted;
	border-width: 1px;

	border-left-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
        padding: 10px 10px 10px 10px;
}
.odkazy table .prvni {
	border-color: #608F00; 
	border-style: dotted;
	border-width: 1px;

	border-left-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
        border-top-width: 0px;
        padding: 10px 10px 10px 10px;

}

.homeBgH3 {
    width: 543px;
    height: 26px;
    margin: 0px 0px 5px 0px;
    background-color: #C4C4C4;
    border-top: 1px solid #727272;
    border-bottom: 1px dotted #000000;
}

#recipeHome {
    width: 543px;
    background-color: #DFDFDF;
    font-size: 1em;

}

#recipeHome img {
    border: 2px solid #FFFFFF;
}

#recipeHome tr.odd {
    text-align: center;
    background-color: #FFFFFF;
    width: 120px; 
}

#recipeHome tr.even {
    height: 86px;
    width: 543px;
    background-color: #FFFFFF;
}

#recipeHome td.img {
    text-align: center;
}
#recipeHome td.img img {
    
}

#rightBrowse {
    width: 171px;
    float: left;
    border: 0px solid red;
}

#rightBrowse h2 {
    float: right;
}

#rightBrowse .kategorie {
    width: 146px;
    list-style-type: none;
    margin: 0px 0px 5px 15px;
    padding: 0px;
    text-align: left;
    clear: both;
    border: 0px solid red;
     
}

#rightBrowse .kategorie li {
    height: 22px;
    padding-left: 10px;
    background: url('images/arrow-white.png') 0px 6px no-repeat;
    width: 100%;
}


#right {
    width: 171px;
    float: left;
    border: 0px solid red;
}


#right h2 {
    float: right;
    
}


#right img {
    float: left;
}

#right p {
    text-align: left;
    margin: 0px 0px 10px 10px;
    padding: 0px;
}

.cleaner {
    clear: both;
    width: 100%;
    height: 10px;
    float: left;
    margin: 10px 0px 5px 0px;
    background-color: #608F00;
    border-top: 1px solid #727272;
    border-bottom: 3px solid #0B5804;
}

#footer {
    clear: both;
    margin: 0;
    border: 0px solid red;
    padding-top: 10px;
}

.red {
    color: #9F2B25;
}
/* Cast prot lightbox2 (velka fotka u receptu - javascript */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/*=========================================================*/