/* CSS Document */ body{padding:0px; margin:0px; background:#fff url(../images/b_body2.gif) 0 0 repeat-x; color:#848484; font:10px/14px Tahoma, sans-serif;} #body2{padding:0px; margin:0px; background:#fff url(../images/b_body_login.gif) 0 0 repeat-x; color:#848484; font:10px/14px Tahoma, sans-serif;} div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;} ul{list-style-type:none;} .clear {clear: both; margin: 0px; height:0} p a{font:10px/14px Tahoma, sans-serif; color:#639ce1; text-decoration:underline;} p a:hover{ color:#000; text-decoration:none;} .headline{font:11px/14px Trebuchet MS, sans-serif; color:#454b55; font-weight:bold} #container{width:718px; margin:0 0 0 0;} #formT {background: url(../images/right_loginbg.gif) 0 0 no-repeat} .infotable{border:1px solid #99cc00;width:90%} .infotext{font-weight:bold;color:#069} .warningtext{font-weight:bold;color:#B44400} #mainTable{width:100%} #mainTable .lptct{font-weight:normal;text-align:center;background-color:#eeffbb;color:#324203;} #mainTable .hlptct{font-weight:bold;text-align:center;background-color:#ddffdd;color:#324203;} #mainTable{width:100%} #mainTable .lptctI{font-weight:normal;text-align:center;background-color:#8ea7e0;color:#324203;} #mainTable .hlptctI{font-weight:bold;text-align:center;background-color:#779bee;color:#324203;} /* TOP */ #topPan{width:718px; height:70px; position:relative;} #topPan ul.menu{position:absolute; top:0; left:330px; width:710px} #topPan ul.menu li{float:left; width:110px; height:43px; margin-right:10px; background:url(../images/b_btns.jpg) 0 0 no-repeat; padding-top:52px;} #topPan ul.menu li a{ width:110px; height:15px; display:block; text-indent:-20000px;} #topPan ul.menu li a:hover{ width:110px; height:15px;} #topPan ul.menu li.home a{background:url(../images/btn_uvod.jpg) 19px 0 no-repeat; } #topPan ul.menu li.home a:hover{background:url(../images/btn_uvod_over.jpg) 19px 0 no-repeat;} #topPan ul.menu li.about a{background:url(../images/btn_programy.jpg) 15px 0 no-repeat; } #topPan ul.menu li.about a:hover{background:url(../images/btn_programy_over.jpg) 15px 0 no-repeat;} #topPan ul.menu li.hosting a{background:url(../images/btn_objednavka.jpg) 10px 0 no-repeat; } #topPan ul.menu li.hosting a:hover{background:url(../images/btn_objednavka_over.jpg) 10px 0 no-repeat;} #topPan ul.menu li.solutions a{background:url(../images/btn_kontakt.jpg) 15px 0 no-repeat; } #topPan ul.menu li.solutions a:hover{background:url(../images/btn_kontakt_over.jpg) 15px 0 no-repeat;} #topPan ul.menu li.suppupport a{background:url(../images/btn_5.jpg) 26px 0 no-repeat; } #topPan ul.menu li.support a:hover{background:url(../images/btn_5_over.jpg) 26px 0 no-repeat;} #topPan ul.menu li.contacts {margin-right:0} #topPan ul.menu li.contacts a{background:url(../images/btn_6.jpg) 16px 0 no-repeat; } #topPan ul.menu li.contacts a:hover{background:url(../images/btn_6_over.jpg) 16px 0 no-repeat;} /* HEADER */ #header{width:822px; height:211px; position:relative; background:url(../images/b_header.jpg) 0 0 no-repeat} #kontakID{margin-left:85px;font-weight:bold;color:#069;} #divkond a,visited{text-decoration:none} #divkond a:hover{text-decoration:underline} #header2{width:822px; height:120px; position:relative; background:url(../images/b_header.jpg) 0 0 no-repeat} #tloginheader a{font:14px Tahoma, sans-serif; color:#fff; text-decoration:none;font-weight:bold;} #tloginheader a:hover{ text-decoration:underline;font-weight:bold;} #logo{position:absolute; top:1px; left:523px} .plan#plan01{position:absolute; top:1px; left:1px; width:273px; height:209px; background:url(../images/b_p1.jpg) 0 0 no-repeat} .plan#plan02{position:absolute; top:1px; left:274px; width:273px; height:209px; background:url(../images/b_p1.jpg) 0 0 no-repeat} .plan#plan03{position:absolute; top:1px; left:547px; width:273px; height:209px; background:url(../images/b_p1.jpg) 0 0 no-repeat} .plan#plan01 h2{position: absolute; top:9px; left:120px; width:137px; height:53px; background:url(../images/h_p1.png) 0 0 no-repeat;} .plan#plan02 h2{position: absolute; top:9px; left:126px; width:160px; height:53px; background:url(../images/h_p2.png) 0 0 no-repeat;} .plan#plan03 h2{position: absolute; top:9px; left:120px; width:134px; height:53px; background:url(../images/h_p3.png) 0 0 no-repeat;} .plan#plan01 img#img_p1{position: absolute; top:8px; left:0; } .plan#plan02 img#img_p2{position: absolute; top:8px; left:0; } .plan#plan03 img#img_p2{position: absolute; top:8px; left:0; } .plan#plan01 img#price_p1{position: absolute; top:162px; left:21px; } .plan#plan02 img#price_p2{position: absolute; top:162px; left:21px; } .plan#plan03 img#price_p3{position: absolute; top:162px; left:15px; } .plan ul.d01{position:absolute; top:70px; left:127px; width:80px} .plan ul.d01 li{font:10px/14px Tahoma, sans-serif; padding-left:3px; height:14px; color:#fff;font-weight:bold;} .plan ul.d01 li.back{background:#849a28} .plan ul.d02{position:absolute; top:70px; left:207px; width:64px} .plan ul.d02 li{font:10px/14px Tahoma, sans-serif; padding-right:4px; height:14px; color:#fff; text-align:right;font-weight:bold;} .plan ul.d02 li.back{background:#849a28} .plan ul.d03{position:absolute; top:70px; left:207px; width:34px} .plan ul.d03 li{font:10px/14px Tahoma, sans-serif; padding-right:4px; height:14px; color:#fff; text-align:right;font-weight:bold;} .plan ul.d03 li.back{background:#849a28} .planprog ul.d01{position:absolute; top:70px; left:127px; width:80px} .planprog ul.d01 li{font:10px/14px Tahoma, sans-serif; padding-left:3px; height:14px; color:#fff;font-weight:bold;background:#9fb837} .planprog ul.d01 li.back{background:#849a28} .planprog ul.d02{position:absolute; top:70px; left:207px; width:64px} .planprog ul.d02 li{font:10px/14px Tahoma, sans-serif; padding-right:4px; height:14px; color:#fff; text-align:right;font-weight:bold;background:} .planprog ul.d02 li.back{background:#849a28} .programP{color:black;font-size:12px;font-family:arial;width:80%} .programDiv{width:70%;margin-left:150px;} .programTable{width:300px;margin-left:40px;margin-top:20px;} .p01{background-color:#849a28;color:#fff;font-weight:bold} .p02{background-color:#9fb837;color:#fff;font-weight:bold} .programP_home{color:black;font-size:12px;font-family:arial;width:80%} .programTable_home{width:95%;} .p01_home{background-color:#849a28;color:#316ac5;font-weight:bold} .p02_home{background-color:#9fb837;color:#316ac5;font-weight:bold} .p02_home a,visited{color:#316ac5;font-weight:bolder;font-size:12px;text-decoration:none} .p02_home a:hover{color:#316ac5;font-weight:bolder;text-decoration:underline} .p01_home a,visited{color:#316ac5;font-weight:bolder;font-size:12px;text-decoration:none} .p01_home a:hover{color:#316ac5;font-weight:bolder;text-decoration:underline} ul.btns{width:72px; position:absolute; top:148px; left:156px} ul.btns li{width:72px; height:18px; text-align:center; padding-top:4px} ul.btns li a{font:10px/14px Tahoma, sans-serif; color:#0c292b; text-decoration:none} ul.btns li a:hover{ text-decoration:underline} ul.btns li.details{background:url(../images/b_btn_details.gif) 0 0 no-repeat; margin-bottom:2px} ul.btns li.order{background:url(../images/b_btn_order.gif) 0 0 no-repeat} ul.btns2{width:72px;} ul.btns2 li{width:72px; height:18px; text-align:center; padding-top:4px;} ul.btns2 li a{font:10px/14px Tahoma, sans-serif; color:#0c292b; text-decoration:none} ul.btns2 li a:hover{ text-decoration:underline} ul.btns2 li.details2{background:url(../images/b_btn_details.gif) 0 0 no-repeat; margin-bottom:2px;} ul.btns2 li.order2{background:url(../images/b_btn_order.gif) 0 0 no-repeat;} ul.btns3{width:144px;} ul.btns3 li{width:144px; height:18px; text-align:center; padding-top:4px;} ul.btns3 li a{font:10px/14px Tahoma, sans-serif; color:#0c292b; text-decoration:none} ul.btns3 li a:hover{ text-decoration:underline} ul.btns3 li.details3{background:url(../images/b_btn_details_long.png) 0 0 no-repeat; margin-bottom:2px;} ul.btns3 li.order3{background:url(../images/b_btn_order_long.gif) 0 0 no-repeat;} .underlinegreen{margin-left:100px;} .vpsboxtitle{margin-top:15px;margin-left:60px;} /* CONTENT */ #posuse{border-bottom:#444f51 1px dotted;margin-left:20px;margin-right:30px;} #posuse_top{border-bottom:#444f51 1px dotted;margin-left:5px;margin-right:45px;} .loginh1{margin-left:35px;color:#5a7604;text-decoration:underline;font-weight:bold;font-size:20px;} #content{width:822px;position:relative;background-color:#ffffff} #leftPan{width:635px; margin:0 20px 0 0; float:left;} #rightPan{width:165px;float:right;} #dedicated{width:523px; height:209px; margin-bottom:20px; background: url(../images/b_dedicated.jpg) 0 0 no-repeat; position:relative} #dedicated h2{height:59px; position:relative; background:url(../images/h_dedicated.gif) 0 0 no-repeat; margin:17px 0 0 250px} #dedicated img#price_dedicated{position:absolute; top:82px; left:237px} #dedicated img#btn_dedicated{position:absolute; top:158px; left:256px} #dedicated ul{width:105px; position:absolute; top:90px; left:405px} #dedicated ul li{height:18px; background: url(../images/arrow1.gif) 0 6px no-repeat; padding-left:10px; font:10px/14px Tahoma, Geneva, sans-serif; color:#848484} #dedicated ul li a{ color:#848484; text-decoration:underline} #dedicated ul li a:hover{ color:#000; text-decoration:none} p.subtitle{font:10px/12px Arial, Helvetica, sans-serif; color:#b2b2b2; padding:5px 1px; border-bottom:#444f51 1px dotted; border-top:#444f51 1px dotted; } ul.bullets li{height:20px; background: url(../images/arrow1.gif) 0 6px no-repeat; padding-left:10px; font:10px/14px Tahoma, Geneva, sans-serif; color:#8eb61c} ul.bullets li a{ color:#8eb61c; text-decoration:underline} ul.bullets li a:hover{ color:#000; text-decoration:none} #services{width:224px; float:left; margin:0 34px 0 16px;} #services h2{height:34px; position:relative; background:url(../images/h_services.gif) 0 0 no-repeat; margin-bottom:6px} #services img{margin-bottom:12px} #services p {margin-bottom:15px} #services p span.headline{display:block; margin-bottom:8px} #services ul.bullets{margin-left:10px} #services p.subtitle{margin-bottom:10px} #solutions{width:224px; float:left;} #solutions h2{height:34px; position:relative; background:url(../images/h_solutions.gif) 0 0 no-repeat; margin-bottom:6px} #solutions img{margin-right:10px; float:left; margin-bottom:12px} #solutions p {margin-bottom:15px;} #solutions p.headline{float:left; width:111px; margin-bottom:12px} #solutions ul.bullets{margin-left:10px} #solutions p.subtitle{margin-bottom:10px} #included{margin-top:26px; margin-bottom:20px} #included img{float:left; margin-right:12px} #included ul li{height:21px; background: url(../images/check.gif) 1px 7px no-repeat; padding-left:24px; font:11px/14px Tahoma, Geneva, sans-serif; color:#444f51; border-bottom: #444f51 1px dotted; padding-top:5px;margin-top:5px;} #included ul li a{ color:#444f51; text-decoration:none} #included ul li a:hover{ color:#444f51; text-decoration:underline} #included2{margin-top:26px; margin-bottom:20px} #included2 img{float:left; margin-right:12px} #smallquare ul li{height:21px; background: url(../images/green_arrow.jpg) 1px 7px no-repeat; padding-left:24px; font:11px/14px Tahoma, Geneva, sans-serif; color:#444f51; border-bottom: #444f51 1px dotted;margin-top:0px;margin-top:2px; } #smallquare ul li a{ color:#444f51; text-decoration:none} #smallquare ul li a:hover{ color:#444f51; text-decoration:underline} #smallquare .last{ border-bottom: #fff 1px solid;} #why h2{height:22px; position:relative; background:url(../images/h_why.gif) 0 0 no-repeat; margin-bottom:20px} .whyTopic{margin-bottom:20px;} .whyTopic img{float:left; margin-right:12px} .whyTopic p{padding-left:5px} .whyTopic p.link{padding-left:0; width:115px; float:left} .whyTopic .clear{height:6px} /* FOOTER */ #footer{height:40px; clear:both; margin:0px auto 0 auto; background:url(../images/b_footer.gif) 0 0 repeat-x} #footer p{padding: 5px 0 0 0; font:11px/16px Trebuchet MS, sans-serif; font-weight:normal; text-align:center; color:#ffffff;} #footer p a{font:11px/16px Trebuchet MS, sans-serif; font-weight:normal; color:#ffffff; text-decoration:none; padding: 0 3px ;font-weight:bold;} #footer p a:hover{text-decoration:none; background:#ffffff; color:#000} /*ORDER*/ #invitetable{width:90%} #invitetableinfo{width:90%} .nam{width:50%; text-align:left;color:black;background-color:#D8D8D8} .nam2{width:50%; text-align:left;color:black;background-color:#c0c0c0} .var{width:50%;text-align:right;color:black;background-color:#D8D8D8} .var2{width:50%;text-align:right;color:black;background-color:#c0c0c0} .AddTitle{color:black; font-weight: bold; } .AddTitleFull{color:black; font-weight: bold; } .programP1{width:70%;margin-left:50px; font-size:12px; color:#000} #porpovozu H2 {color:#99cc00;font-size:16px;} #porpovozu p {margin-top:15px;} #porpovozu p {margin-bottom:15px;}