body {text-align: center; }
#box {text-align: center; /* does NOT center the table inside the DIV!! */
  width: 100%; /* is useless, as 'width' will take all remaining space */
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
height:390px;
overflow:hidden;
} 
.box-in {width:100%;font-size:100%;padding-top:10px;padding-left:10px}
.box-top {width:100%;font-size:100%}

#box1 {width:780px;height:390px;margin: 0 auto;background:#5f5f80;background-image: url("img/doporucujeme_bg.gif");text-align:center} 

.box-in {width:100%;font-size:100%}
.box-doporucujeme {position:relative;float:left;width:148px;overflow:hidden;height:180px;vertical-align:top;border-color: #7c7c97; border-style: solid;border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;margin-bottom:4px;margin-right:4px;padding-top:2px;text-align:center;background:#50506b}

div {font-size:100%;font-family:Arial,"Arial  CE",Helvetica,"Helvetica CE",sans-serif;color:#fff}
.box-foto {height:110px}
.box-popis {height:40px;font-size:65%;overflow:hidden}
.box-cena {height:20px;font-size:80%;padding-top:8px}

#box a {color:#f90;font-weight:bold;text-decoration:none}
.box-tip {position:absolute;top:5px;left:5px}