h1 {color:rgb(21,102,36); font-size:1.3em; font-weight:normal; text-align:center; padding:0; margin:10px auto;  }
h2 {font-size:1.2em;}
h3 {font-size:1.1em;}
h4 {font-size:1.0em;}
hr {     height: 1px;
     color: rgb(227,246,176);
     background:rgb(227,246,176);
     border: 0px solid rgb(227,246,176);
     padding:0;
     margin:0 0 15px 0;
}
a img {border:none;}
body {margin:0; padding:0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:1.0em; text-align:center;}

a:link,
a:visited,
a:active {color:rgb(15,100,41); text-decoration:none;
}

a:hover {color:rgb(15,100,41); text-decoration:underline}

.input{
    margin:0;padding:0;
}

table{border-collapse:collapse; font-family:Arial; text-align:left;}


#wrapper {font-size:1em; width:806px; margin:10px auto; text-align:left; border:1px solid silver; background:rgb(249,253,238);
 /* background:rgb(254,250,237) url(./graphic/menu_left.gif) repeat-y left;  */
}

/*==========================  H E A D I N G  ==================================*/
#heading{height:107px; position:relative;}
#heading h1{padding:0; margin:0;}

/*====================  C R U M B S  AND  N A V. T O P  =======================*/
#crumbs_nav_top {   background:rgb(227,246,176) url(lista_top.gif) repeat-x left; height:22px; width:806px; float:left;
                    font-size:0.7em;}
#crumbs {background:rgb(227,246,176); float:left; padding:0.2em 0.3em; text-align:left;}
#crumbs ul, #crumbs li {display:inline; margin:0; padding:0;}
#nav_top {float:right; margin-right:5px;}
#nav_top ul, #nav_top li{list-style:none; margin:0; padding:0;}
#nav_top li{border-left:1px solid white; float:left;}
li#last_li{border-right:1px solid white;}
#nav_top a{display:block; font-size:0.9em; font-weight:bold; padding:4px 10px;}

/* ====================  C O N T E N T  ================================== */
div#content_wrap {  background:white url('grad_menu_content.gif') repeat-y left; float:left; font-size:0.8em;
                    margin:0; width:664px;text-align:center;padding-bottom:20px;}
div#content {line-height: 120%; margin:2px auto 10px auto; padding:5px 15px 5px 15px; text-align:justify; width:90%; min-height:300px;}

/*================================  M E N U  ==================================*/
div#menu {background:rgb(249,253,238); float:left; font-size:0.7em; letter-spacing:0.9px; width:135px;}
#menu span {background:rgb(239,249,212) url('menu_span.gif') repeat-x top; display:block; font-weight:bold; padding:5px;}
/*227,246,176*/
.ul_menu { margin:0; padding:0; text-align:left;}
.ul_menu li{display:inline;}
div#menu li a{  background:rgb(249,253,238); border-bottom:1px solid rgb(227,246,176); display:block;
                margin:0 0 0 15px; padding:5px 5px 5px 0px; }
div#menu li.last a{border-bottom:none;}
#menu img {margin:2em 0;}

/*================================  F O O T  ==================================*/
div#foot {background:rgb(221,221,221); border:1px solid silver; clear:both; font-size:0.6em; text-align:center;}

/*============================  P U M I C E  ==================================*/
.table_pumice {margin:0; width:60%;}
caption {text-align:center;}
tfoot {font-size:0.9em;}
.typ, .cena1, .cena2 {text-align:center}
.typ {width:15%;}
.cena1, .cena2, .zrnitost {width:27%;}
.zrnitost {text-align:left;}
.dolniIndex {font-size:0.6em;vertical-align:super;}

/*====================  L I T E R A T U R E  ==================================*/

table#literature{font-size:.9em; margin:0 auto;}
table#literature td{border:1px solid rgb(250,231,188);}
td.b_author, td.b_language, td.b_desc, td.b_picture, td.b_price {background:rgb(254,248,224);}
td.b_title{background:rgb(247,207,116); font-weight:bold;padding:3px;}
td.b_author{color:gray;padding:3px}
td.b_author span{color:black;}
td.b_language{color:gray;text-align:center;}
td.b_desc{text-align:left;padding:1em;vertical-align:top;}
td.b_price{text-align:right;vertical-align:top;font-size:0.9em; font-weight:bold;}
td.b_price input{vertical-align:middle;}
td.b_price form{padding:0; margin:0;vertical-align:top;}
table#literature td.empty{padding:3px;border-left:none;border-right:none;}
td.b_picture{text-align:center; padding:5px;}
td.b_picture img{padding:1px;border:1px solid black;}
p#lit_info{font-size:0.8em; color:gray;font-style:italic;}




/*#literature_div {
    text-align:center;
}
#literature_div img {border:1px solid black; margin:15px 5px;}

table#literature {background:rgb(249,254,222); font-size:1.2em; width:100%;}
tr#lit_th{font-size:0.7em;}
#literature th{text-align:left;}
#literature img {border:1px solid black; margin:10px;}
.free_space {background:white;}
.book_image {}
tr.book_head{background:rgb(232,250,130);}
td.book_id {}
td.book_title {font-size:0.8em; font-weight:bold;}
td.book_author {font-size:0.7em; font-weight:bold;}
.book_desc {font-style:italic;}
.book_info{}
.book_notes{}
.bookprice {color:rgb(0,128,0);}
*/
/*====================  P L A N T S - OFFER-MENU  =============================*/

#offer {font-size:1.1em; line-height: normal; text-align:center;}

#user {border-bottom:1px solid rgb(227,246,176); font-size:0.9em; padding:5px; margin:0 25% 10px 25%; font-weight:bold;}
#user img {padding: 0 10px 0 0;}
#user a{color:rgb(255,130,4);}

.offer_line {   clear:both;font-size:0.7em;font-weight:bold;margin:12px 50px;
                padding:2px; text-align:center;}
.offer_line a {padding:3px 4px;}
.offer_line a:hover {background:rgb(249,253,238);border:1px solid rgb(12,100,26);  padding:2px 3px;}

.paging{font-size: 0.8em; font-weight:bold;padding:10px;}
.paging a, span.no_anchor {padding:3px 4px;}
.paging a:hover, span.no_anchor{border:1px solid rgb(12,100,26);padding:2px 3px;}
.paging span{font-weight:normal;}
.no_anchor{background:rgb(249,253,238);}
#filter{padding:5px;background: rgb(249,253,238) url(filter.gif) repeat-x top; width:200px; margin:0 auto 0 auto;}
#filter form {padding:0; margin:0;}
#filter span{font-size:0.8em;display:block;padding:5px;}
#no_matches {margin:10px auto 10px auto;padding:20px 0; width:500px; border:1px solid silver;background:rgb(253,252,227);}


/*====================  P L A N T S  ==========================================*/

#offer_form{margin:0; padding:0;}

/* plants - table*/
table#offer_table{border:1px solid rgb(230,220,170); font-size:.9em; margin:0 auto; width:500px;}
#offer_table th {background:rgb(230,220,170); font-size:.9em; font-weight:normal; padding: 0.1em 0.3em 0.1em 0.3em; text-align:left;}
th#price_th {text-align:center;}
#offer_table td { padding: 0.2em 0.5em 0.2em 0.5em;}

/* table - parts*/
.plant_id { font-weight:bold; width:15%;}
.info {background:rgb(240,230,180); }
.new_item {color:red;font-weight:bold;vertical-align:super;font-size:0.8em;}
.info2, .info3{background:white;font-size:0.9em;}
.description {color:gray;font-size:0.9em;}
.species{font-weight:bold; width:65%;}
.locality {}
.price, .price_specimens{background:rgb(240,230,180); font-size:0.9em; font-weight:bold; text-align:right;}
.info_specimens,.price_specimens {background:rgb(227,246,176); }
.basket {text-align:right;}
.tr_empty{border-top:1px solid rgb(230,220,170);border-bottom:1px solid rgb(230,220,170);
          border-right:1px solid white; border-left:1px solid white; font-size:3px;}
.picture img {border:1px solid silver;border-right:1px solid black;border-bottom: 1px solid black;padding:3px;}

/*============================  B A S K E T  ==================================*/

#basket {border-collapse:separate;font-size:0.9em;}
#basket th{font-weight:bold; border-bottom:1px solid black;}
#basket tbody{background:rgb(240,230,180);}
#basket tbody tr:hover{background:rgb(244,249,153)}
.basket_label{background:rgb(249,253,238);padding-top:5px;padding-left:10px;font-style:italic;}

.del{width:5%;text-align:center;}

.kod {
    width:6%;
    text-align:right;
}

.nazev {
    width:50%;
    text-align:left;
}
.pocet {
    width:7%;
    text-align:center;
}
.cena_ks {
    width:9%;
    text-align:right;
}
.celkem {
    width:10%;
    text-align:right;
}
.qty {
    text-align:right;
}

#sum {
    background:rgb(248,232,125);
    text-align:right;
    font-weight:bold;
}
#cena_celk{
    background:white;
    text-align:right;
}

.submit {
    cursor: pointer;

}

#submit_field {

    text-align:center;
}

body{
    margin:0 auto;
}
#content{
    position:relative;
}


/*
-----------------------------------------------------------
  ----------------------- F O R M -----------------------
-----------------------------------------------------------
*/

#guide {
    text-align:center; 
}
#guide span {
    color:rgb(21,102,36);
}

form#login, form#registration, form#form1 {
        font-size:0.8em;
        width:600px;
        margin:0 auto;
}

label {
    display:block;
    float:left;
    width:150px;
    padding-right:1em;
    text-align:right;
    line-height:1.8em;
}

legend {
    font-weight:bold;
    background:none;
}

fieldset {
    border:none;
    border-top:1px solid silver;
}




input.kod {
    width:4em;
    text-align:left;
}

.ks {
    width:3em;
}

input#disablkodm, input#disabldruhm, input#disablks {
    color:black;
    background:silver;
}

fieldset input {
    display:block;
    float:left;
}

input#cp, input#psc {
    width:4em;
}

textarea {
    width:25em;
}

br {
    clear:both;
}

.label {
    float:left;
    width:160px;
    text-align:right;
    margin:3px;
}
.input {
    float:left;
    margin:3px;
}


.error, .required, .errorMessage  {
    color:red;
}

.errorMessage {
    float:left;
    text-align:left;
    margin:3px;
}


/* kosik */

#forms {
    margin: 0 10% 0 10%;
}

#form-left {
    float:left;
}

#form-right {
    float:right;
}

.confirm_order_head {
 font-size:1.0em;
}

#confirm_order_tabl {
    border:1px solid silver;
    padding:10px;
    margin:0 5% 0 5%;
}

.confirm_det{
    font-size:0.9em;
}




/*====================  P U M I C E  =============================*/

.table_pumice {
    width:400px;
    margin:0;
    font-size:0.9em;
}

.table_pumice th {
    background: rgb(249,253,238);
}

.table_pumice td, .table_pumice th {
    border:1px solid silver;
    padding:2px;
}

caption {
    text-align:center;
}

tfoot {
    font-size:0.9em;
}

.typ, .cena1, .cena2 {
    text-align:center
}

.typ {
    width:15%;

}

.cena1, .cena2, .zrnitost {
    width:27%;
}

.zrnitost {
    text-align:left;
}

.dolniIndex {
    vertical-align:super;
    font-size:0.6em;
}

/*====================  C O N F I R M =============================*/
#center_confirm {
    text-align:center;
    padding-bottom:10px;
    background: rgb(249,253,238); border:1px solid rgb(227,246,176);
    margin-bottom:10px;
}


/*====================  C O N T A C T  =============================*/
#contact {
    text-align:center;
}

/*====================  N E W S  =============================*/
#news { list-style-type:square;}
#news li {padding-bottom:8px;}
#news span{
    background:rgb(227,246,176);
    font-style:italic;
}
.new_wrap{
    width:500px;
    margin:0 auto 10px auto;
    text-align:right;

}
.new_wrap div{

    background: rgb(249,253,238);
    border:1px solid rgb(227,246,176);
    padding:2px;
    text-align:left;

}
#news p{padding:5px;}
#news h3 {padding:0;margin:5px;}

/*====================  O T H E R  =============================*/
#message {
    text-align:center;
    background: rgb(249,253,238); border:1px solid rgb(227,246,176);
    padding:5px;
    margin-bottom:10px;
}

/*====================  M A I N  P A G E  =============================*/
#main_page {
text-align:center;
}

#main_page h2, h4 {
    color:rgb(21,102,36);
    font-style:italic;
}

#main_page h3 {
    color:rgb(21,102,36);
}

#main_page img{
    padding:4px;
    background: rgb(249,253,238); border-top:1px solid rgb(227,246,176); border-left:1px solid rgb(227,246,176);
    border-bottom:1px solid rgb(21,102,36); border-right:1px solid rgb(21,102,36);
}

/*====================  S I T E M A P  =============================*/
#sitemap {
    margin:0 10% 0 10%;
    font-size:1.1em;
}

/*====================  L I N K S  =============================*/
.links {
    padding:3px; background: rgb(249,253,238); margin:15px 0 5px 0;
}

.links h4{
    padding:0; margin:0 0 5px 0;
}

/*====================  I N F O  M E S S A G E S, N E W S  div height  =============================*/

#info, #news_div {
    height:500px;
}

#hoodia_li a {color:purple;}

/*====================  P H O T O G A L L E R Y  =============================*/
#photogallery{margin:0 auto 0 auto;width:500px;text-align:center;}
.phot_label, .phot_ico {height:215px;background:rgb(249,253,238);margin:0 0 10px 0;}
.phot_label{float:left; width:170px; border:1px solid rgb(239,249,212);}
.phot_ico{float:left;width:317px; border:1px solid rgb(239,249,212);}
.phot_ico img  {margin:4px;}

/*====================  H O W  T O  =============================*/
#how_to{text-align:left;}
#how_to img{display:block; margin:10px;border:1px solid gray;}
#how_to ul{font-weight:bold;font-size:1.1em; margin-top:20px; margin-bottom:10px;}
#how_to span{font-style:italic; font-weight:bold;}




/*  L  -  I  -  G  -  H  -  T  -  B  -  O  -  X  */

#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(lb/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(lb/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; }