body {
    padding:0px;
    margin:0px;
    color: #E6B897;
    font-size: 16px;
    background: #FFFFFF; 
    color: #003400;
    font-family: Times New Roman, verdana, arial, serif;
    background: #000 url('design/bg-buxus-900.jpg') repeat fixed;  
  
  }
  
* {
    margin: 0;
    padding: 0;
}

input, textarea, select, option {
  font-family: Times New Roman, verdana, arial, serif; 
  background: #FFFFFF; 
  color: #003400;
  border: 2px solid #cccccc;
  padding:2px;
}

table {
  font-family: Times New Roman, verdana, arial, serif; 
  padding:15px;
}

td {
 text-align:left;
 padding:5px;
}

.odeslat {
    cursor: pointer; font-size: 17px;  background: #cccccc; color: #003400; border:2px solid #fff; padding: 5px 15px;
}

.odeslat:hover {
    cursor: pointer;  background: #ffffff; color: #003400; border:2px solid #cccccc;
}

a {
    text-decoration: none;
    color:#333;
  }


a:hover {
    text-decoration: none;
    color:#003400;
  }


h1{
    font-family: arial, serif;
    font-size: 1px;
    color: #000;
    padding: 0;
    margin: 0;
    height: 10px;
    display:block;
}

h2, h3 {
    font-family: Times New Roman, verdana, arial, serif;
    font-weight: normal;
    /*
  color: #003501;
    */
    color: #FFF;
}


h2 {
    letter-spacing: -1px;
    font-size: 22px;
}

h3 {
    font-size: 22px;
}

h4 {
    font-size: 18px;
}


p, ul, ol {
    line-height: 150%;
}

.obal {
position: relative;width:1000px;margin:0 auto; height:100%; text-align:center; 

/*list*/
height:880px;
background-color: #222; 
    
  box-shadow:         #000  2px 4px 20px;
  -webkit-box-shadow: #000  2px 4px 20px;
  -moz-box-shadow:    #000  2px 4px 20px; 
/* /list*/
/*border: red 3px solid;*/
}


.hlavicka-obal {
  height:145px; 
  width:1000px;
}

.hlavicka {
padding-top : 10px; text-align : left;  height:125px; 
}

.hlavicka h1 {
  margin-top : 10px;
    float: left;
    color: #003501;
    font-size: 36px;
    padding-left: 75px;
}

.hlavicka .logo {
position : absolute;
  top : 22px;
    float: left;
    left: 15px;
}


.hlavicka .info {
  position : absolute;
  top : 100px;
    float: left;
    left: 202px;
    font-size: 13px;
    font-weight: bold;
    color: #7d7e7d;
    text-align:right;
}

.hlavicka .info a{
    color: #7d7e7d;
}
.hlavicka .info a:hover{
    color: #fff;
}

.hlavicka .info .tel{
  display:none;
  color: #fff;
}

.hlavicka p {
  margin-top : 15px;
    float: left;
    padding: 17px 0 0 10px;
    font-size: 14px;
    font-weight: bold;
}




.obsah-obal {
  width:850px;
}

.obsah {
  padding: 5px 0px 230px 0px;
  background-position : bottom left; 
  background-repeat : no-repeat;
  width: 850px;
  text-align:justify; 
  border: 3px solid white;
}


.obsah-uvnitr {
  margin-left: 60px;
  margin-top: 18px;
  background-position : top left; 
  background-repeat : no-repeat;
}


.obsah-1 {
  position: absolute;
  top: 140px;
  left: 50px;
  width:650px;
  height:600px;

}

.bg-ob-1 {
  position: absolute;
  top: 140px;
  left: 50px;
  width:650px;
  height:600px;

  background-color: #878787;
    
  box-shadow:         #000  4px 6px 20px;
  -webkit-box-shadow: #000  4px 6px 20px;
  -moz-box-shadow:    #000  4px 6px 20px; 

  opacity:0.9;
  filter:alpha(opacity=90); /* For IE8 and earlier */
  
}


.bg-ob-2{
  position: absolute;
  top: 80px;
  right: 50px;
  width:560px;
  height:600px;
  background-color:#A7C158;
  color: #fff;
    
  box-shadow:         #000  4px 6px 20px;
  -webkit-box-shadow: #000  4px 6px 20px;
  -moz-box-shadow:    #000  4px 6px 20px; 
    
  opacity:0.3;
  filter:alpha(opacity=30); /* For IE8 and earlier */ 
}


.obsah-2 {
  position: absolute;
  top: 80px;
  right: 50px;
  width:560px;
  height:600px;
  color: #000;
  opacity:0.4;
  filter:alpha(opacity=40); /* For IE8 and earlier */ 
}

.podob{
  margin: 10px 20px;
  width:515px;
  height:490px;
  overflow: auto;
  padding: 5px; 
  text-align: left;
}


#podob-3{

  position: absolute;
  top: 0px;
  left: 0px;

}

 .podob a{
  color:#ccc;
 
 }
 .podob a:hover{
  color:#fff;
 
 }
 
 
.obsah-popup {
   padding: 30px 10px 100px 10px;
   margin-left: 25px;
   margin-top: 15px;
   text-align:left; border:2px solid #cccccc; background-color:white;
   background-image : url('design/pozadi_popup.jpg'); background-repeat : no-repeat; background-position : bottom left; 
}

.popup-text{
  background-image:url('design/pododkaz.png'); 
  padding:5px;
  position:relative;
  
}

li {
   list-style-type: disc;
   padding: 5px 0px 5px 15px;
   margin:0 28px;
}

li::marker {
  color: #000;
}

p {
   padding: 0;
   margin: 0;
}

.popup-text-obsah{
  background-image:url('design/pododkaz.png'); 
  padding:5px;
}

.nadpis{
  background-image:url('design/pododkaz.png'); 
  padding:15px;
}


.nadpis1{
  position:absolute;
  top:80px;
  left: 94px;
  color: #ffffff;
}

.nadpis2{
  position:absolute;
  top:342px;
  padding:5px;
  left: 455px;
}


.rotator_2{
  position:absolute;
  top:282px;
  left:595px;
  display:block;
  width:335px;
  height:232px;

}

.nahledy {

  position:absolute;
  top:467px;
  left:462px;
  display:block;
  width:380px;

}


.shopvypis {
width:205px;
float:right;
margin:0 0px 7px 70px; 
padding:15px;
background-color: #ffffff;
border: 4px solid #cccccc;
text-align: center;
}


.vedlesebe {
width:205px;
float:left; 
margin:10px 10px 0  0; 
padding:15px;
background-color: #ffffff;
border: 4px solid #cccccc;
text-align: center;
}

.vedlesebe img {
    border-left: 2px solid #cccccc;
    border-top: 2px solid #cccccc;
    border-right: 5px solid #cccccc;
    border-bottom: 5px solid #cccccc;
  }


.podsebe {
width:670px; margin:10px 10px 0  0;
padding: 5px 5px 5px 75px;
background-color: #cccccc;
text-align:left;
}

.podsebe img {
    border-left: 2px solid #cccccc;
    border-top: 2px solid #cccccc;
    border-right: 5px solid #cccccc;
    border-bottom: 5px solid #cccccc;
  }
  
  
.vypis {
width:670px; margin:10px 10px 0  0;
padding: 5px 5px 5px 75px;
text-align:left;
}

.vypis img {
    border-left: 2px solid #cccccc;
    border-top: 2px solid #cccccc;
    border-right: 5px solid #cccccc;
    border-bottom: 5px solid #cccccc;
  }  
  
  

.dalsi{
 clear:both;
 text-align:right;
 padding: 5px 120px 5px  5px;
 font-size:14px;
 }
 
 .cistic{
 clear:both;
 height:1px;
 }
 
 .dalsi a{
 color:#A6A6A6;
 background-color: #ffffff;
 border: 4px solid #cccccc;
 padding: 5px;
 }
 
  .dalsi a:hover{
 color:#FFF;
 background-color: #cccccc;
 border: 4px solid #cccccc;
 padding: 5px;
 }
 

.pokladna {
  clear:both;text-align:right;position:absolute;width:800px;top:0px;
}

.popis_autor {
    font-size:14px;
    font-weight:bolder;
    color:#000000;
  }


.popis_nazev {
    font-size:14px;
    font-weight:bolder;
  }


.skladem {
    font-size:14px;
  }


.cena {
    font-size : 15px;
    font-weight : bolder;
    padding-top : 20px;
  }


.detaily {
    font-size:14px;
    font-weight:bolder;
  }


.kup {
    font-size:14px;
  }

.leftbox-2 {

   float:left;
   box-shadow:        #333  4px 6px 10px;
  -webkit-box-shadow: #333  4px 6px 10px;
  -moz-box-shadow:    #333  4px 6px 10px;
   
  }

.leftbox {
    overflow:hidden;
    width: 110px;
    height: 75px;
    float:left;
    border: 2px solid #ccc;
    margin: 3px 7px 0px 0px;    
   box-shadow:        #333  2px 2px 1px;
  -webkit-box-shadow: #333  2px 2px 1px;
  -moz-box-shadow:    #333  2px 2px 1px;
   position: relative;
  }


.leftbox img {
    display: block;
    position: relative;
  }




.rotator {
  display:block;
  width:300px;
  height:250px;
  margin-bottom:6px;
}



.promo-fotky-obsah {
  position:absolute;
  bottom:110px;
  left:95px;
  visibility:hidden;
  display:block;
  text-align:center;
   
}

.promo-fotky-obsah img{

        
}

.promo {
  display:block;
  width:300px;
  height:250px;
}



.nums img {
  border:1px solid #555555;
}

.promotext {
  float:left;
  width:390px;
  position:relative;
  margin-left:5px;
  top:265px;
}

.promotext a {
  color:#FFFFFF;
  font-size:30px;
  width:390px;
  height:140px;
  text-decoration:none;
  font-weight:bolder;
  padding:2px;
  background-color: #000000;
  opacity:.80;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;      
}

.promotext a:hover {
  text-decoration:underline;
}


.foto-cislo{
    bottom: 17px;
    left: 20px;
    position: absolute;
    background-image:url('design/pododkaz_a.png');
    padding: 0 2px; 
}

.twobox{
  width:115px;
  float:left;
  margin-right: 2px;
}

.fbox{
  width:584px;
  height:166px;
  overflow:hidden;
  margin: 15px 33px;
  left: 0;
  position: absolute;
}
.fboxcont{
  width:10090px;
  height:140px;
  position: absolute;
}
.fboxbut{
 left: 33px;
 top: 223px;
 width:390px;
 position: absolute;
 text-align: left;
}

.fboximg{
position:absolute;
left: 33px;
top: 250px;

text-align:left;
}
#fimg{
 height: 350px;
 bottom: 20px;
 left: 33px;
}

#fpopis{
position:absolute;
left: 33px;
top: 550px;
width:607px;
text-align:left;
background-image:url('design/pododkaz_a.png');
padding: 5px;
display: block;
color: #fff;
}

#real-prev{
  display:none;
}

#real-1{
  color:#fff;
}

.pata {
  position:absolute;
  top:725px;
  right:52px;
  float:right;
font-size:14px;
text-align:right; 
color:grey;
}

.strankovani{
font-size:16px;
text-align:right; 
  color:#000000;
  background-image:url('design/pododkaz.png'); 
  padding:15px;
}



.strankovani span{
  color:#868686;
}

.popis{
  font-size:12px;
  color:#000000;
}
.hlavnitext {
    position: relative;
    margin: 25px 0 0 390px;
    display:block;
    width:510px;   
}

.hlavnitext H2{
  text-align:left;
  font-size:16px;
  color:#ccc;
}


.menu1 a{
  color:#878787;
}
.menu1 a:hover{
  color:#ccc;
}

.menu1{
  text-align:center;
  color:#878787;
  /*background-image:url('design/pododkaz_a.png');*/ 
  
  background:#235123;
  padding: 2px 0px;
  margin: 15px 0px 0px 0px;
  width:650px;
}

.menu1 .act {
  color:#ccc;
  font-weight: bold;
}

.menu2 a{
  color:#A7C158;
}
.menu2 a:hover{
  color:#ccc;
}


.menu2{
  color:#A7C158;
  text-align:center;
  /*background-image:url('design/pododkaz_a.png'); */
  background:#235123;
  padding: 2px 0px;
  margin: 15px 0px 0px 0px;
  width:560px;
}
.menu2 .act {
  color:#ccc;
  font-weight: bold;
}


.print {margin:5px 0 0 5px; float:right; padding: 2px; width: 80px; height: 20px;  }
.print a {color:#FFF; }

#podob-2 a {color:#000000; text-decoration: underline;}
#podob-2 a:hover {color:#000000; text-decoration: none;}
 

#play {
    height: 350px;
    left: 0;
    top:0;
    position: absolute;
    width: 100%;
    background: url('design/play1.png') no-repeat scroll center 135px transparent;
    /*cursor:pointer;*/
    display:none;
}



#play a{
    height: 350px;
    display:block;
    width: 100%;
}

.playsmall {
    height: 85px;
    left: 0;
    top:0;
    width: 110px;
    background: url('design/play2.png') no-repeat scroll center 20px transparent;
    cursor:pointer;
    display:block;  
    position: absolute;
}


#flash{
    height: 350px;
    left: 0;
    top: 50px;
    position: absolute;
    width: 100%;
    background: url('design/play1.png') no-repeat scroll center 135px transparent;
    display:none;
}

 
        .links{margin:10px 0 0 10px;}
        .links a{display:inline-block; padding:2px 10px; margin:10px; background:#C30; text-decoration:none; }
        .links a:hover{background:#de4816;}
        .content{margin:40px; width:260px; height:500px; padding:20px; overflow:auto; background:#333;}
        .content p:nth-child(even){color:#999; font-family:Georgia,serif; font-size:17px; font-style:italic;}
        .content p:nth-child(3n+0){color:#c96;}