body      { font: '62.5%/120% Verdana' 'Arial' 'sans-serif'; color: #000000; background: #333333 url(../img/pozadi.jpg) repeat-x; font-size: 15px; color: #999999; }
img       { border: 0px; }
h1        { padding: 0px; margin: 0px; color: #b7d63a; font-size: 100%; }
h2        { padding: 10px 0 10px 0; margin: 0px; color: #b7d63a; font-size: 100%; }
h3        { padding: 10px 0 10px 0; margin: 0px; color: #00c0ff; font-size: 100%; }
a         { color: #00c0ff; }

#body     { width: 100%; margin: 0 auto; text-align: center; }
#celek    { width: 857px; margin-left: auto; margin-right: auto; text-align: left; }
.xxx      { width: 194px; float: left; }

.menu     { width: 663px; height: 27px; float: left; padding-top: 23px; }
.menu a   { color: #333333; text-decoration: none; font-size: 90%; padding: 0 15px 0 15px; }
.menu a:hover, .stisk { color: #f0881b; text-decoration: none; font-size: 90%; padding: 0 15px 0 15px; }

.logo     { width: 194px; height: 97px; float: left; padding-top: 50px; }
.leva-top { width: 194px; height: 28px; float: left; background: url(../img/l-top.jpg); }
.leva-down { width: 156px; height: 319px; float: left; background: url(../img/l-down.jpg); padding: 0 10px 0 28px; color: #333333; font-style: italic; }
.leva-down a { display: block; padding: 5px 0 5px 0; color: #333333; }
.leva-down a:hover { display: block; padding: 5px 0 5px 0; color: #000000; }

.obr      { width: 663px; height: 355px; float: left; background: url(../img/obr.jpg); }
.leva-stred { width: 51px; height: 89px; float: left; background: url(../img/l-stred.jpg); }
.leva-stred2 { width: 51px; height: 160px; float: left; background: url(../img/l-stred2.jpg); }

.stred    { width: 582px; float: left; padding: 15px 15px 15px 15px; text-align: justify; }
.konec    { width: 847px; float: left; height: 117px; background: url(../img/konec.jpg); padding-left: 10px; }
.konec img { margin: 10px 0 0 0; }

.konec1   { width: 842px; float: left; padding-left: 15px; font-size: 14px; }
.konec1 a { color: #b7d63a; }
.zelena   { color: #b7d63a; }
.modra    { color: #00c0ff; }

.leva-sluzby    { width: 156px; height: 324px; float: left; background: url(../img/l-sluzby.jpg); padding: 0 10px 0 33px; color: #333333; font-style: italic; }
.leva-sluzby a  { display: block; padding: 5px 0 5px 0; color: #333333; }
.leva-sluzby a:hover, .stisk2  { display: block; padding: 5px 0 5px 0; color: #000000; }

.sluzby     { width: 663px; height: 476px; float: left; background: url(../img/sluzby.jpg); }
.sluzby2    { width: 663px; height: 476px; float: left; background: url(../img/sluzby.jpg); }
.sluzby2 img { float: left; }
.webdesign  { width: 663px; height: 295px; float: left; background: url(../img/webdesign.jpg); }
.sprava     { width: 663px; height: 295px; float: left; background: url(../img/sprava.jpg); }
.webhosting { width: 663px; height: 295px; float: left; background: url(../img/webhosting.jpg); }
.reference  { width: 663px; height: 295px; float: left; background: url(../img/reference.jpg); }
.klienti    { width: 663px; height: 295px; float: left; background: url(../img/klienti.jpg); }
.onas       { width: 663px; height: 295px; float: left; background: url(../img/onas.jpg); }
.kontakty   { width: 663px; height: 295px; float: left; background: url(../img/kontakty.jpg); }
.spravasiti { width: 663px; height: 295px; float: left; background: url(../img/spravasiti.jpg); }
.hosting    { width: 256px; height: 256px; float: left; background: url(../img/hosting.jpg); padding: 10px 10px 10px 25px; color: #00c0ff; }
.hosting li { margin: 0; padding: 0 0 5px 0px; }
.hosting ul { margin: 0; padding: 0 0 0px 15px; }
.banner     { width: 256px; height: 210px; float: left; background: url(../img/banner.jpg); padding: 10px 10px 10px 25px; }
.banner li  { margin: 0; padding: 0 0 5px 0px; }
.banner ul  { margin: 0; padding: 0 0 0px 15px; }
.domeny     { width: 180px; float: left; padding-left: 14px; padding-top: 20px; }
.keywords   { width: 180px; float: left; padding-left: 14px; }

.rs        { width: 663px; height: 295px; float: left; background: url(../img/rs.jpg); }
.grafika   { width: 663px; height: 295px; float: left; background: url(../img/grafika.jpg); }

.p          { width: 290px; float: left; }
.l          { width: 290px; float: left; }
.p2         { width: 460px; float: left; }
.l2         { width: 120px; float: left; }

textarea  { width: 460px; height: 100px; background: #999999; border: 0; font-size: 75%;
            scrollbar-face-color:#333333;
            scrollbar-arrow-color:#333333;
            scrollbar-track-color:#333333;
            scrollbar-shadow-color:#333333;
            scrollbar-highlight-color:#333333;
            scrollbar-3dlight-color:#333333;
            scrollbar-darkshadow-Color:#333333; 
          }

.tlacitko { width: 100px; color: #00c0ff; border: 1px solid #00c0ff; background: #3d3c3c; }
.ramecek  { width: 200px; height: 14px; background: #999999; border: 0; font-size: 75%; border: 0; }

.d        { width: 663px; height: 31px; float: left; background: url(../img/d.jpg); }
.t        { width: 663px; height: 22px; float: left; background: url(../img/t.jpg); }
.s        { width: 643px; float: left; background: url(../img/s.jpg); padding-right: 20px; }
.s img    { margin-left: 0px; }
.s li     { margin-left: 240px; }
.s ul     { margin-left: 0px; }
.s2       { width: 643px; float: left; background: url(../img/s2.jpg); padding-right: 20px; }
.s2 img   { margin-left: 0px; }
.s2 li    { margin-left: 240px; }
.s2 ul    { margin-left: 0px; }
.s3       { width: 663px; float: left; background: url(../img/s.jpg); }
.s4       { width: 663px; float: left; background: url(../img/s2.jpg); }

.x1       { font-size: 10px; margin: 0 10px 0 10px; }
.x2       { font-size: 14px; color: #cccccc; }
.x3       { font-size: 16px; color: #00c0ff; }