body {margin: 0px; padding: 0px; font: 8pt arial; color: #646464; text-align: center}
a {font: 8pt arial; text-decoration: none; color: #8c0000}
a:hover {text-decoration: underline}
h1 {margin: 0px; padding: 0px; color: #e9e9e9; font: 9pt verdana; position: relative; top: 70px; left: 200px; display: block; width: 400px;}
h2 {font: italic bold 15pt calibri; color: #a30000; border-bottom: 1px solid #cacaca; padding: 0px;
 margin: 30px 0px 30px 0px; clear: both}
h3 {font: italic bold 12pt calibri;}
.center1 {width: 1040px; margin: 0px auto; text-align: left;}
.center2 {width: 980px; margin: 0px auto; text-align: left; padding: 20px 30px 30px 30px;}
.center3 {background: url(../img/footer.png) no-repeat; width: 920px; margin: 0px auto; text-align: left; height: 144px;
padding: 10px 60px 0px 60px;}
#header {background: #646464; width: 100%; height: 200px; border-bottom: 1px solid #a2a2a2;}
#main {width: 100%; height: auto; margin-bottom: 290px; %margin-bottom: 50px; %padding-top: 20px}
#footer {background: url(../img/bg_footer.png) repeat-x; width: 100%; height: 154px; border-bottom: 1px solid #a2a2a2; clear: both;}

/*  #header   */
#header a {float: left;}
#header .logo {position: relative; top: 20px}
#header .menu {background: url(../img/menu.png); width: 1040px; height: 69px; position: relative; top: -27px; z-index: 10; float: left; _clear: both; _top: 54px}
#header .menu ul {margin: 0px; position: relative; top: 24px; left: 20px; display: block; 
%left: 60px; float: left;}
#header .menu ul li {list-style-type: none; float: left; background: url(../img/menu-carka.png) top left no-repeat;}
#header .menu ul li a {font: 12pt verdana; color: #545554; margin: 0px; padding: 0px; 
background: url(../img/menu-carka.png) top right no-repeat; padding: 0px 30px 0px 30px; height: 45px; display: block;
_float: left; text-decoration: none; line-height: 45px; margin-left: 2px; margin-right: -2px; _margin-left: 1px;}
#header .menu ul li a:hover {background: #e7e7e7 url(../img/menu-carka.png) top right no-repeat;}

#header .menu ul li ul {position:absolute; visibility:hidden; z-index: 9000px; text-align: left; float: left;
 background: url(../img/bg_footer.png) repeat-x; width: 150px; padding:0; margin:0; margin-top: 21px; padding-top: 0px; left: 480px; %left: 442px}
#header .menu ul li:hover ul, #menu ul li:hover ul {visibility:visible;}
#header .menu ul li li {float: none; border:none; padding:0; margin: 0px; height: 25px;background: none; width: auto;}
#header .menu ul li ul li a {display: block; float: left; height: 25px;  font: bold 7pt verdana; line-height: 25px; width: 150px; text-indent: 0px; color: white; background: none; padding: 0px; margin: 0px;
text-indent: 20px}
#header .menu ul li ul li a:hover {background: none; text-decoration: none; text-decoration: underline}

#header .serv {background: url(../img/servery.jpg); width: 223px; height: 144px;  float: right; z-index: 100; 
position: relative; top: -13px; left: -200px}

/*  #main   */
.tarify {float: left; width: 980px; margin-bottom: 40px}
.tarif1,.tarif2,.tarif3 {background: url(../img/basic.png) no-repeat; width: 169px; height: 231px; float: left; margin-right: 40px}
.tarif1 h3,.tarif2 h3,.tarif3 h3 {color: black; font: bold 13pt verdana; text-indent: 45px; padding: 0px; margin-top: 5px}
.tarif1 p,.tarif2 p,.tarif3 p {padding: 0px; margin-top: 25px; margin-bottom: 10px; color: #b8d0ff; margin-left: 40px; font-size: 10pt;
%margin-top: 22px}
.tarif1 p span,.tarif2 p span,.tarif3 p span {font: bold 20pt calibri;}
.tarif1 a,.tarif2 a,.tarif3 a {color: #121b71; position: relative; top: 12px; left: 40px; font: bold 10pt arial;}
.tarif1 a:hover,.tarif2 a:hover,.tarif3 a:hover {text-decoration: none; color: #4754cc}
.tarif1 ul,.tarif2 ul,.tarif3 ul {position: relative; left: 10px; top: 10px;}
.tarif1 ul li,.tarif2 ul li,.tarif3 ul li {color: white; line-height: 16px}
.tarif2 {background: url(../img/standart.png) no-repeat;}
.tarif2 h3 {text-indent: 20px}
.tarif2 ul {left: 0px}
.tarif2 p {color: #ffc4c4; margin-left: 35px}
.tarif2 a {color: #860d0d}
.tarif3 {background: url(../img/profi.png) no-repeat;}
.tarify img {float: right; margin-right: 0px; position: z-index: 0}
.tarif3 ul {left: 0px}
.tarif3 a {color: #5c1e78}
.tarif3 p {color: #dc8dff; margin-left: 30px}

.domain-pole {background: url(../img/domain-pole.png) no-repeat;  height: 43px; width: 154px; border: none;
%padding-top: 1px}
.domain-pole input {width: 140px; border: none; height: 20px; background: none; position: relative; top: -5px; left: 5px}
.domain-btn {background: url(../img/domain-btn.png); width: 134px; height: 43px;  border: none; color: white;
font: bold 8pt verdana; padding-bottom: 15px; %padding-bottom: 13px; padding-left: 20px; cursor: pointer; text-decoration: none;}
.domain-btn2 {background: url(../img/domain-btn2.png);}
#main .uvod {float: left; width: 480px; margin-right: 50px; font-size: 10pt; line-height: 20px;}
#main .uvod a {font: normal 10pt verdana;}
#main .uvod a:hover {text-decoration: underline}
#main .co-nabizime {float: left; width: 450px;}
#main .co-nabizime ul li {background: url(../img/odrazka.png) no-repeat; height: 23px; list-style-type: none;
text-indent: 40px; color: #323232; font: 10pt arial; margin-top: 3px; line-height: 21px;}

.webhosting td {padding-left: 5px; }
.webhosting td h3 {color: black; margin-top: 20px; margin-bottom: 10px; margin-left: -5px }
.webhosting td a {display: block; width: 89px; height: 43px; background: url(../img/domain-btn.png); border: none;
color: white; font: bold 8pt verdana; padding-left: 45px; line-height: 27px;}
.webhosting td a:hover {text-decoration: none}
.webhosting .basic {color: #2d50b5;}
.webhosting .standart {color: #c00d0d;}
.webhosting .profi {color: #892bb6;}
.webhosting .nadpisy {text-align: left;}
.webhosting td span {font: bold 14pt verdana}
.webhosting .cena {font: bold 12pt verdana; color: #a70d0d}

.navigace {position: relative; top: -10px}

/*  #footer   */
#footer span {display: block; margin: 0px; padding: 0px; font: bold 15pt calibri; color: #ffdddd}
#footer .partneri {float: left; position: relative; top: 10px; left: 50px; height: 90px;}
#footer p {margin: 0px; padding: 0px; clear: left; color: #890303; position: relative; top: 8px;
left: 75px; font: 8pt verdana}
#footer p a {color: #890303; font: 8pt verdana;}
#footer p span {font: 8pt verdana; display: inline; color: #890303; margin-left: 100px}
.odkaz {font: 8pt arial !important; text-decoration: none !important; color: #8c0000 !important; display: inline !important;
 background: none !important; height: auto !important; width: auto !important;}