* { margin: 0;  padding: 0}
a { color: #000000}   
a:hover { text-decoration: none }
body { text-align: center; background-color: #ECF9FC; font: normal 0.7em tahoma, verdana, arial;  
       background-image:url('img/topline.png'); background-repeat: repeat-x; color: black}
img  { border-width: 0px}
br   { padding-top: 5px; padding-bottom: 5px }
ul   { list-style: none; margin: 0; padding: 0 }
.x,#fav { display: none }
.cntr{ text-align:center; margin-top:7px; font-size: 12px }
table { color: #0C94DA;font-weight: bold; font-size:11px; margin-top:5px }
table img { padding:5px; border:2px solid white }
table img:hover { border:2px solid #0C94DA }
.code { border-bottom:1px dashed silver; cursor:help }

#page  { width:733px; height:645px;background:#ECF9FC; margin: 0px auto; color:black}
#head  { width:733px; height:340px; background: url('img/h1.png') top center no-repeat }
#logo { background-image:url('img/zdarma-sms.png'); width: 295px; height:55px; position: absolute; top: 10px; margin-left: -216px }
#popis{ width:382px; position: absolute; top:5px; margin-left: 326px; text-align:left; line-height:162%; font-size: 13px; color:white }
#tapetashow  { float:right;margin:-242px 13px 0px 0px; width:480px; height:360px }
#tapetashow img { border: 2px solid white }
#tapetashow img:hover  { border: 2px solid #677D92 }
.inline object,img{vertical-align:top; margin-bottom: 4px }
#dole  { clear: both; line-height:138%; padding-bottom: 15px; padding-top:63px; font-size:11px; color:#677D92 }

#friend { position: absolute; top:72px; margin-left:-203px}
#tomato { position: absolute; top:685px; margin-left:32px}
.banner { margin:38px 0px 0px 0px; float:right;padding-top:15px}
.banner2 { margin:10px 25px 0px 0px; float:right;padding-top:5px}
iframe { border:none; float:right; margin:20px 17px 0px 0px }

/* operatori */
#tmob,#vodaf,#o2 { width:198px; position:absolute; text-align:left; margin-left:14px; border:1px solid #677D92; line-height:131%}
#tmob a,#vodaf a,#o2 a{ text-decoration:none; font-size:12px;; padding:0px 2px 3px 5px}
#tmob { top: 398px}
#tmob a{ background: url('img/T-Mob.png') top left no-repeat white ;display:block; padding-top:31px}
#o2 { top: 487px;background:#12589E }
#o2 a { background: url('img/02.gif') 5px 4px no-repeat; display:block;padding-top:63px; color:white }
#vodaf{ top: 595px;background:#FF0000 }
#vodaf a { background: url('img/Vodaf.png') top left no-repeat; display:block;padding-top:78px; color:white }
#tmob:hover,#vodaf:hover,#o2:hover { border:1px solid white}

fieldset {margin: 4px; padding:5px; border: 2px solid black}
.fieldset {margin: 20px; padding:20px}
.inp {margin-bottom: 6px}
.left,.tap,tr,td {text-align:left}
.tap {display:block}
#tap {border-top:2px solid white; width:100%}
#hlasky { font-weight:bold;font-size:12px }
/* ikonky vlevo+vpravo */
#icol  { margin-left:-90px}
#icor  { margin-left:734px}
#icol,#icor { width: 88px; height:570px; position: absolute; top:16px; text-align:center}
#icol img,object,#icor img,object { margin-bottom:27px}

#menu { text-align:left; margin:-242px 0px 0px 13px; float:left; width: 200px;border-style: solid solid none solid;
        border-color: #677D92;border-width: 1px}
#menu li a {height: 32px;voice-family: "\"}\""; voice-family: inherit;height: 24px; text-decoration: none; font-weight:bold}
#menu li a {color: #fff;display: block;background: url(img/menu.gif);padding: 8px 0 0 10px;}
#menu li a:hover { color: #283A50; background: url(img/menu.gif) 0 -32px; padding: 8px 0 0 10px }
#menu ul {	list-style-type: none;	padding: 0;	margin: 0}
#menu ul.level1 li {position: relative}
#menu ul.level1 li a {display: block}
#menu ul.level1 li ul.level2 {display: none;position: absolute;	left: 201px;top: 0}
#menu ul.level1 li ul.level2 li {	margin: 0}
#menu ul.level1 li:hover ul, #menu ul.level1 li.hover ul {display: block}
#menu ul.level2 li {position: relative}
#menu ul.level2 li a {width: 130px}