body
{
     padding:0;
     margin:0;
     background-color: white;
}

#WholePage
{
     background-color: white;
}

#Container
{
     width: 962px;
     margin: 0px auto;
}

#Top
{
     padding:0;
     margin:0;
     height: 302px;
     background: url("main-picture.jpg") left 71px no-repeat;
}

#Top *
{
     padding:0;
     margin:0;
}

#Header
{
     font-family: arial;
     height: 61px;
     padding-top: 10px;
     padding-left: 25px;
     background: url('header-background.png') repeat-x left top;
}

.name
{
     font-size: 24px;
     color: #e3e76e;
}

.adress
{
     font-size: 14px;
     color: white;
}

.telephone
{
     font-size: 15px;
     color: white;
}

.livechat
{
     font-size: 14px;
     font-family: arial;
}

.authform
{
     font-size: 12px;
     color: #666363;
     border-width: 1px;
     border-style: solid;
     border-color: #4f8803;
     background-color: #e4ece3;
}

.textform
{
     font-size: 12px;
     color: #666363;
}

.texturl
{
     font-size: 12px;
     font-family: arial;
     color: #000000;
     text-decoration: none;
}

.button
{
     font-size: 14px;
     border-width: 1px;
     border-style: solid;
     border-color: #8AAFCB;
     background-color: #EEEEEE;
}

.Infform
{
     font-size: 12px;
     font-family: arial;
     color: #000000;
}

.Corr1
{
     background: url('green-arrow-2.gif') no-repeat 9px 4px;
     padding-left: 25px;
     display: inline;
     color: #666363;
}

.Corr2
{
     padding-left: 5px;
     padding-right: 5px;
}

hr.Green1
{
     background-color: #4f8803;
     color: #4f8803;
     border: 1px;
     height: 1px;
     width: 182px;
}

.Upgform1
{
     background-color: #4f8803;
     font-size: 12px;
     font-family: arial;
     color: white;
     text-align: center;
     height: 10px;
}

.Upgform2
{
     background-color: white;
     font-size: 12px;
     font-family: arial;
}

.AvailableOption1
{
     background: url('available.png') no-repeat center;
     height: 14px;
     width: 14px;
}

.NotAvailableOption1
{
     background: url('not_available.png') no-repeat center;
     height: 14px;
     width: 14px;
}

.UnlimitedOption1
{
     background: url('unlimited.png') no-repeat center;
     height: 14px;
     width: 14px;
}

.ICQOption1
{
     background: url('icq.gif') no-repeat;
     height: 14px;
     width: 14px;
     padding-left: 20px;
}

.AvailableLocation
{
     background: url('flags/de.gif') no-repeat center;
     height: 20px;
     width: 12px;
}

.Server-Atom
{
     font-size: 12px;
     font-family: arial;
     color: #000000;
     background: url(servers/atom.gif) no-repeat 130px 30px;
}

.Server-Celeron
{
     font-size: 12px;
     font-family: arial;
     color: #000000;
     background: url(servers/celeron.gif) no-repeat 130px 30px;
}

.Server-Pentium
{
     font-size: 12px;
     font-family: arial;
     color: #000000;
     background: url(servers/pentium.gif) no-repeat 130px 30px;
}

.Server-Core2Quad
{
     font-size: 12px;
     font-family: arial;
     color: #000000;
     background: url(servers/core2quad.gif) no-repeat 130px 30px;
}

.Server-Xeon
{
     font-size: 12px;
     font-family: arial;
     color: #000000;
     background: url(servers/xeon.gif) no-repeat 130px 30px;
}

.Server-i5
{
     font-size: 12px;
     font-family: arial;
     color: #000000;
     background: url(servers/i5.gif) no-repeat 130px 44px;
}

.Server-Core2Duo
{
     font-size: 12px;
     font-family: arial;
     color: #000000;
     background: url(servers/core2duo.gif) no-repeat 130px 30px;
}

.Server-AthlonX2
{
     font-size: 12px;
     font-family: arial;
     color: #000000;
     background: url(servers/athlonx2.gif) no-repeat 130px 44px;
}

.Server-i7
{
     font-size: 12px;
     font-family: arial;
     color: #000000;
     background: url(servers/i7.gif) no-repeat 130px 30px;
}

.Server-PhenomII
{
     font-size: 12px;
     font-family: arial;
     color: #000000;
     background: url(servers/phenom2.gif) no-repeat 130px 44px;
}

#AvailableOption2
{
     font-size: 12px;
     font-family: arial;
}

#AvailableOption2 ul
{
     padding: 0px;
     margin: 0px;
     padding-left: 5px;
     padding-right: 5px;
}

#AvailableOption2 li
{
     background: url('available-2.png') no-repeat;
     list-style-type: none;
     padding-left: 20px;
}

#Menu
{
     height: 53px;
     margin-top: 0px;
     padding-left: 3px;
     background: url('menu-background.png') repeat-x left top;
}

#Menu a
{
     height: 53px;
     line-height: 50px;
     padding-right: 18px;
     padding-left: 18px;
     background: url('menu-devider.png') right top no-repeat;
     float: left;
     margin-left: 3px;
     text-decoration: none;
     color: white;
     font-size: 14px;
     text-align: center;
     font-family: arial;
}

#Top #Menu a:hover, #Top #Menu a.active
{
     text-decoration: underline;
}

#Middle
{
}

#Page
{
}

#Content
{
     padding-left: 8px;
}

#Content, #Left
{
     padding-top: 3px;
}

#Footer
{
     background-image: url("bottom_pattern.gif");
     background-repeat: repeat-x;
     background-position: left top;
     height: 56px;
     width: 100%;
     float: left;
     margin: 0px auto;
}

#Bottom
{
     height: 32px;
     width: 962px;
     background: url('footer-background.png') repeat-x left top;
     text-align: center;
     line-height: 32px;
     clear: left;
     margin: 0px auto;
     font-family: arial;
     font-size: 12px;
     color: white;
}

#Bottom a 
{
     text-decoration: none;
     color: white;
}

#Bottom a:hover
{
     text-decoration: underline;
}

#Middle,
#Left
{
     float: left;
}

#Left
{
     width: 200px;
}

#Middle
{
     width: 762px;
}

.Part,.TopPart,#LeftMenu
{
     border: 2px solid #d0d1d0;
     background: #e4ece3;
}

#LeftMenu
{
     font-size: 12px;
     font-family: arial;
     padding-bottom: 8px;
}

.Part
{
}

.TopPart 
{
     border: 0px;
     background: url('first-banner.png') no-repeat left top;
     height: 130px;
     padding: 8px;
}

.Part,.TopPart
{
     margin-bottom: 8px;
     font-size: 12px;
     font-family: arial;
     text-align: justify;
}

.Part p
{
     margin-left: 8px;
     margin-right: 8px;
}

.TopPart p
{
     margin-bottom: 0px;
     margin-top: 6px;
}

.Part 
{
     clear: left;
     padding-left: 0px;
}

.Part img
{
     float: left;
     margin: 8px;
}

#Content p
{
     padding-left: 0px;
}

#LeftMenu ul
{
     padding: 0px;
     margin: 0px;
     padding-top: 8px;
     padding-bottom: 10px;
     margin-bottom: 8px;
     background: url('left-side-devider.gif') no-repeat center bottom;
}

#LeftMenu li
{
     margin-top: 3px;
     list-style-type: none;
}

#LeftMenu span
{
     text-decoration: underline;
     color: #446d07;
     font-size: 15px;
}

#LeftMenu a
{
     color: #666363;
     text-decoration: none;
}

#LeftMenu a.Links
{
     margin-top: 8px;
     text-decoration: underline;
}

#LeftMenu a:hover
{
     text-decoration: underline;
}

#LeftMenu span,
#LeftMenu a
{
     display: block;
     padding-left: 9px;
}

#LeftMenu li a
{
     background: url('green-arrow.gif') no-repeat 9px 4px;
     padding-left: 24px;
     display: inline;
}

.TopPart h2
{
     margin: 0px;
     color: #edf32d;
     font-size: 18px;
     font-weight: normal;
     font-family: arial;
}

.TopPart .Larger
{
     font-size: 14px;
}

.LeftHeader
{
     margin: 0px;
     background: url('left-header.png') no-repeat left top;
     height: 38px;
}

.Part h2
{
     margin: 0px;
     background: url('content-header.png') no-repeat left top;
     height: 37px;
     display: block;
     font-weight: normal;
}

.LeftHeader,
.Part h2
{
     font-family: arial;
     font-size: 16px;
     color: white;
     line-height: 37px;
     padding-left: 10px;
}

.Part a
{
     color: #4f8803;
}

.Part ul
{
     clear: left;
     padding: 0px;
     margin: 0px;
     margin-top: 10px;
     margin-bottom: 10px;
     padding-left: 10px;
}

.Part li
{
     margin-top: 3px;
     list-style-type: none;
}

.Part li a
{
     padding-left: 14px;
     background: url('green-arrow-2.gif') no-repeat 0px 5px;
}

#validator
{
     clear: left;
     float: left;
}

#validator img
{
     border:0 solid #FFFFFF;
     height:31px;
     width:88px;
}

#Inter
{
     height: 178px;
     font-size: 12px;
     font-family: arial;
     font-weight: bold;
     color: white;
}

#Inter ul
{
     padding: 0px;
     margin: 0px;
     padding-top: 90px;
     padding-left: 20px;
}

#Inter li
{
     margin-top: 3px;
     background: url('white-arrow.gif') no-repeat 0px 4px;
     list-style-type: none;
     padding-left: 11px;
}

#RightHeader
{
     float: right;
     padding-right: 10px;
     font-size: 12px;
}

#RightHeader a
{
     padding-left: 16px;
     padding-right: 4px;
     color: #d2e288;
     text-decoration: none;
     background: no-repeat 0px 0px;
}

#RightHeader a:hover
{
     text-decoration: underline;
     color: white;
}

#RightHeader a:hover 
{
     background-position: 0px -12px; 
}

#RightHeader a#home 
{
     background-image: url('home-icon.png');
}

#RightHeader a#home:hover 
{
     background-position: 0px -14px; 
}

#RightHeader a#sitemap 
{
     background-image: url('site-map-icon.png');
}

#RightHeader a#contacts 
{
     background-image: url('contact-icon.png');
}

li,ul /* korekce pro IE6 */
{
     _padding-bottom: 0px;
     _height: 12px;
     _padding-top: 0px;
     _margin: 0px;
}