html,body { margin: 0; padding: 0; }

BODY {
 font-family: Verdana;
 font-size: 10px;
 color:#ffffff;
 text-align: left;
 margin: 0px;
 margin-top: 0px;
 background-color: #000000;
 background:url(../img/bg.gif) repeat #000000;
}

input {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #EFA21B; font-weight: bold;border-style: solid;  border-color: #5D6675 #5D6675 #5D6675 #5D6675; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
textarea {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #EFA21B; font-weight: bold;border-style: solid; background-color: #FFFFFF; border-color: #5D6675 #5D6675 #5D6675 #5D6675; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}

A:link{ color: #ffffff; font-weight: bold; text-decoration: none;}
A:visited{ color: #ffffff; font-weight: bold;text-decoration: none;}
A:hover{ color: #ff0000; font-weight: bold;text-decoration: none;}
A:active{color: #ff0000; font-weight: bold;text-decoration: none;}
A.aa:link{ color: #6d6d6d; font-weight: bold; text-decoration: none;}
A.aa:visited{ color: #6d6d6d; font-weight: bold;text-decoration: none;}
A.aa:hover{ color: #ff0000; font-weight: bold;text-decoration: none;}
A.aa:active{color: #ff0000; font-weight: bold;text-decoration: none;}
A.x:link{ color:#FFFF00; font-weight: bold; text-decoration: none;}
A.x:visited{ color: #FFFF00; font-weight: bold;text-decoration: none;}
A.x:hover{ color: #ff0000; font-weight: bold;text-decoration: none;}
A.x:active{color: #ff0000; font-weight: bold;text-decoration: none;}


.ramecek {border: 0;}
.tucne {font-weight:bold;}
#nastred {width:665px; margin:0 auto;}
#horni {width:665px; height:44px;}
#levy {width:192px; float:left;}
#pravy {width:473px; float:left;}
#menu {width:192px; height:144px; float:left; background-image:url(../img/menu.gif); background-repeat:no-repeat;}
#levy1 {width:192px; height:663px; float:left; text-align:center; background-image:url(../img/levy.gif); background-repeat:no-repeat; background-position:bottom; background-color:#484848;}
#klavesnice {width:473px; height:144px; float:left;}
#prostredek {width:473px; min-height:331px; height:331px; float:left; padding-left:0px; padding-top:0px; background-image:url(../img/prostredek.gif); }
div[id] #prostredek {height:auto;}
#prostredekt {width:432px; float:left; padding-left:30px; padding-top:26px;}
#spodek {width:473px; height:38px; float:left; background-image:url(../img/spodek.gif); background-repeat:no-repeat;}
#spodekt {width:300px; float:right; text-align:right; padding-top:15px; padding-right:15px;}
#reklama {width:336px; float:left; padding-left:38px; padding-bottom:15px;}

/* TOPMENU */
ul#topmenu {display:block; list-style: none; border:0; text-align:left; float:left; padding-top:4px; padding-left:0px; margin:0; width:192px;}
ul#topmenu li { display: block; list-style: none; list-style-position: inside; text-align: left; border:0; width:192px; float:left; background-position:right; }
ul#topmenu li a.vystavba {
  font-weight: bold; text-decoration: none; color: black; display: block; border: 0;
  background: url(../img/menu_spravasiti.gif) left center;
  width:192px; height:18px;
}
ul#topmenu li a.vystavba:hover {
  font-weight: bold; text-decoration: none; display:block; color: white; border: 0;
  background-image: url(../img/menu_spravasiti.gif);
  width:192px; height:18px;
  background-repeat:no-repeat;
  background-position: right center;
}
ul#topmenu li a.vystavbav {
  font-weight: bold; text-decoration: none; color: black; display: block; border: 0 none;
  background: url(../img/menu_spravasiti.gif) right center;
  width:192px; height:18px;
}
ul#topmenu li a.webdesign {
  font-weight: bold; text-decoration: none; color: black; display: block; border: 0;
  background: url(../img/menu_webdesign.gif) left center;
  width:192px; height:18px;
}
ul#topmenu li a.webdesign:hover {
  font-weight: bold; text-decoration: none; display:block; color: white; border: 0;
  background-image: url(../img/menu_webdesign.gif);
  width:192px; height:18px;
  background-repeat:no-repeat;
  background-position: right center;
}
ul#topmenu li a.webdesignv {
  font-weight: bold; text-decoration: none; color: black; display: block; border: 0 none;
  background: url(../img/menu_webdesign.gif) right center;
  width:192px; height:18px;
}
ul#topmenu li a.webhosting {
  font-weight: bold; text-decoration: none; color: black; display: block; border: 0;
  background: url(../img/menu_webhosting.gif) left center;
  width:192px; height:18px;
}
ul#topmenu li a.webhosting:hover {
  font-weight: bold; text-decoration: none; display:block; color: white; border: 0;
  background-image: url(../img/menu_webhosting.gif);
  width:192px; height:18px;
  background-repeat:no-repeat;
  background-position: right center;
}
ul#topmenu li a.webhostingv {
  font-weight: bold; text-decoration: none; color: black; display: block; border: 0 none;
  background: url(../img/menu_webhosting.gif) right center;
  width:192px; height:18px;
}
ul#topmenu li a.programovani {
  font-weight: bold; text-decoration: none; color: black; display: block; border: 0;
  background: url(../img/menu_programovani.gif) left center;
  width:192px; height:18px;
}
ul#topmenu li a.programovani:hover {
  font-weight: bold; text-decoration: none; display:block; color: white; border: 0;
  background-image: url(../img/menu_programovani.gif);
  width:192px; height:18px;
  background-repeat:no-repeat;
  background-position: right center;
}
ul#topmenu li a.programovaniv {
  font-weight: bold; text-decoration: none; color: black; display: block; border: 0 none;
  background: url(../img/menu_programovani.gif) right center;
  width:192px; height:18px;
}
ul#topmenu li a.kontakt {
  font-weight: bold; text-decoration: none; color: black; display: block; border: 0;
  background: url(../img/menu_kontakt.gif) left center;
  width:192px; height:18px;
}
ul#topmenu li a.kontakt:hover {
  font-weight: bold; text-decoration: none; display:block; color: white; border: 0;
  background-image: url(../img/menu_kontakt.gif);
  width:192px; height:18px;
  background-repeat:no-repeat;
  background-position: right center;
}
ul#topmenu li a.kontaktv {
  font-weight: bold; text-decoration: none; color: black; display: block; border: 0 none;
  background: url(../img/menu_kontakt.gif) right center;
  width:192px; height:18px;
}
ul#topmenu li a.profil {
  font-weight: bold; text-decoration: none; color: black; display: block; border: 0;
  background: url(../img/menu_profil.gif) left center;
  width:192px; height:13px;
}
ul#topmenu li a.profil:hover {
  font-weight: bold; text-decoration: none; display:block; color: white; border: 0;
  background-image: url(../img/menu_profil.gif);
  width:192px; height:13px;
  background-repeat:no-repeat;
  background-position: right center;
}
ul#topmenu li a.profilv {
  font-weight: bold; text-decoration: none; color: black; display: block; border: 0 none;
  background: url(../img/menu_profil.gif) right center;
  width:192px; height:13px;
}
ul#topmenu li a.blog {
  font-weight: bold; text-decoration: none; color: black; display: block; border: 0;
  background: url(../img/menu_blog.gif) left center;
  width:192px; height:17px;
}
ul#topmenu li a.blog:hover {
  font-weight: bold; text-decoration: none; display:block; color: white; border: 0;
  background-image: url(../img/menu_blog.gif);
  width:192px; height:17px;
  background-repeat:no-repeat;
  background-position: right center;
}
ul#topmenu li a.blogv {
  font-weight: bold; text-decoration: none; color: black; display: block; border: 0 none;
  background: url(../img/menu_blog.gif) right center;
  width:192px; height:17px;
}