body {
  margin: 0 ;
  padding: 0;
  font-family: Verdana, sans-serif;
  font-size: 11px;
  background-image: url('vanocni-darky-img/pozadi-top.jpg');
  background:#a4a9b6 url('vanocni-darky-img/pozadi-top.jpg') no-repeat;
  }

img {
  border-width: 0px;
  }

img.vlevo {
  float: left;
  border-width: 4px;
  border-style: solid;
  border-color: #f7f7f7;
  }

img.vpravo {
  float: right;
  border-width: 4px;
  border-style: solid;
  border-color: #f7f7f7;
  }

h1, h2, h3 {
  font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
  font-weight: bold;
  }


h1 a, h1 a:hover, h3 a, h3 a:visited, h2 a, h2 a:visited {
  text-decoration: none;
  color:#970202;
  }

h3 a:hover, h2 a:hover {
  color:black;
  }
 
h1 {
  font-size: 10pt;
  margin-top: -5px;
  text-align: center;
  } 

h3 {
  font-size: 13px;
  }


h2 {
  font-size: 13px;
  text-align: left;
  padding: 0px;
  margin: 0px;
  padding-left: 30px;
  padding-top: 8px;
  text-decoration: none;
  }


div.tracker {
  position: absolute;
  margin-left: -250px;
  margin-top: -250px;
  }

div.obsah a, div.obsah a:visited {
  color:#970202;
  text-decoration: underline;
  }
  
div.obsah a:hover {
  color: black;
  text-decoration: none;
  }
/* ------------------------------------layout------------------------------------ */


div.top { 
  width: 800px;
  height: 210px;
  margin-top: 0px;
  padding: 0;
  }

div.obsah {
  width: 680px;
  height: auto;
  background:#d6dbe1;
  float: left;
  margin-top: 35px;
  padding: 10px;
  }

div.osoba {
  background:url('vanocni-darky-img/pozadi-osoba.jpg');
  width: 193px;
  height: 89px;
  }
  
div.fotka {
  float: left;
  margin-top: 17px;
  margin-left: 12px;
  }
  
div.text {
  float: left;
  width: 115px;
  margin-top: 20px;
  }
  
div.text h1 a{
  font-size: 12pt;
  text-decoration: none;
  }

div.cleaner {
  clear:both;
  height:0px;
  font-size:1px;
  border:none;
  margin:0; padding:0;
  background:transparent;
  line-height: 1px;
  }

div.left {
  float: left;
  }

div.right {
  float: right;
  }
  
div.konkretne {
  width: 638px;
  height: auto; 
  background: url('vanocni-darky-img/pozadi-spodek.jpg') no-repeat #f7f8f9; 
  background-position: center bottom;
  }

div.konkretne-hlavicka h1 {
  text-align: left;
  margin: 0px;
  margin-top: 25px;
  margin-left: 70px;
  font-size: 12pt;
  }
  
  
div.konkretne-hlavicka {
  height:57px; 
  width: 638px;
  }
/* ----------------------------------doladeni------------------------------ */

div.dva-produkty {
  width: 660px;
  margin-left: 10px; 
  margin-top: 10px; 
  margin-bottom: 20px;
  }

div.levy-produkt, div.pravy-produkt {
  float: left;
  width: 286px; 
  margin: 10px; 
  border: 2px solid #d6dbe1;
  padding: 2px;
  height: 165px;
  }

div.obrazek-produktu {
  float: left; 
  width: 107px;
  }

div.popis-produktu {
  float: left;
  width: 177px;
  text-align: left;
  }

div.popis-produktu h2 a, div.popis-produktu h2 a:visited {
  margin: 0px; 
  padding: 0px;
  margin-left: -25px;
  color: #9d1212;
  }
  
div.popis-produktu h2 a: hover {
  text-decoration: underline;
   }
/* ___________________________vrsek____________________________*/

div.nadpis {
  padding-top: 10px;
  padding-left: 15px;
  }

div.nadpis h1, div.nadpis h1 a {
  text-align: left;
  color: #970202;
  text-decoration: none;
  font-size: 33pt;
  }

div.slogan h2 {
  margin-top: -39px;
  padding-left: 55px;
  color: white;
  }
  
div.odkazy {
  margin-top: 87px;
  margin-left: 10px;
  }
/* __________________________paticka__________________________*/

div.paticka a {
  color: #970202;
  }

div.paticka a:visited {
  color: #970202;
  }

div.paticka a:hover {
  color: black;
  }

div.paticka {
  margin-top: 20px;
  background: #c7cad2;
  padding: 10px;
  }