html, body {color: white;font-family: Arial, verdana, tahoma, sans-serif;padding: 0;margin: 0;background-color:#020328;}

a {text-decoration: none;}

a.def {font-size: 12px;color: gray;}

a.hell{font-size: 18px;color: #0066CC;}
a.hell:hover{font-size: 18px;color: #0066CC;}

a.hell2{color: #FFF;}
a.hell2:hover{color: #FFF;}

a.arektit{font-size: 12px;color: #0000ee;}
a.arektit:hover{font-size: 12px;color: #0000ee;}

a.arektext{font-size: 9px;color: gray;}
a.arektext:hover{font-size: 9px;color: gray;}

a.arektext2{font-size: 12px;color: gray;}
a.arektext2:hover{font-size: 12px;color: gray;}

.ccol {text-align:left;font-weight:bold; color:#0000ee;font-size:12px;}
.ccol2 {text-align:left;color:white;font-size:9px;}

.linkx {width: 600px;height: 18px;background-color: #BFBFBF;color: black;font-size: 14px;text-align: center;margin: auto;font-weight: bold;border: 1px solid gray;}
.fc {font-size:8px; padding-left:10px}
.hid {display: none;}
img {border: 0;}
h1 {font-size: 28px;display: inline;}
h2 {font-size: 22px;display: inline;}
h3 {font-size: 18px;display: inline;}

.colo {color:#999999;font-size:13px}
.fb {font-size:8px; padding-left:10px}
.lft {width:270px}
.toppad {padding-top:5px;}
.p10 {padding-top:10px;text-align: left;}
.p50 {text-align:left;padding-top:50px}
.p140 {text-align:left;padding-top:140px}
.p110 {text-align:left;padding-top:110px}
.spann {text-align:left;font-weight:bold; color:#0000ee;font-size:16px;}
.spann2 {text-align:left;color:white;font-size:12px;}

.gg {text-align: left;margin-left: 165px;}
.err {color:red; font-weight: bold;font-size: 12px;}
.yellow {color:#ffff00; }
.white {color:#ffffff; }
#white,#white1,#white2,#white3 {color:#ffffff; }

#menux {width: 120px; height: 168px; float: left;border:1px solid #333333;}
.menuxxx {width: 120px; height: 168px; float: left;border:1px solid #333333;}
.menuxx {width: 120px; height: 168px; float: left;border:1px solid #333333;}
.scr {padding-top: 10px;}
   
#targ {width: 486px; height: 168px;border:1px solid #333333;background:url(../images/reklama.jpg) top right no-repeat;float: left;text-align: left;margin-left: 10px;padding-left: 10px;}
.targ {width: 486px; height: 168px;border:1px solid #333333;background:url(../images/reklama.jpg) top right no-repeat;float: left;text-align: left;margin-left: 10px;padding-left: 10px;}

.targg {width: 446px; height: 168px;border:1px solid #333333;background:url(../images/reklama.jpg) top right no-repeat;float: left;text-align: left;margin-left: 10px;padding-left: 50px;}

.targg1 {width: 486px; height: 168px;border:1px solid #333333;background:url(../images/reklama.jpg) top right no-repeat;float: left;text-align: left;margin-left: 10px;padding-left: 10px;}

.floatpad {width:630px; float:left;padding-left:0px;position: relative;}

   .imagx1 {float:left;display:block;margin:2px 4px 10px 0;} 
    
.abeceda {text-align:left;color:#666666;width: 604px;margin-left: 6px;}
.abeceda a{color: #0066ff;}

#container {width: 1000px;margin:0 auto;border:0;background: url('../images/hack.jpg') repeat;text-align:center;height: 100%;}
#header {width: 100%;height: 88px;background-image: url('../images/head.jpg');background-position: top center;background-repeat: no-repeat;}
.head1 {width: 560px;height: 30px; padding: 24px 0 0 0px;text-align: left;float: right;}

#menu {width: 100%;height: 30px;background-image: url('../images/menu.jpg');background-position: top center;background-repeat: no-repeat;padding: 0;margin: 0;}

#submenu {width: 100%;height: 100%;text-align: center;margin: 25px 0 0 0;padding: 0;}

#left1 {width: 300px;height: 250px;background-image: url('../images/top.jpg');background-position: top center ;background-repeat: no-repeat; float: left;padding: 50px 20px 0 30px;text-align: left;font-size: 11px;}
.texto {width: 210px;text-align: left;padding: 0 0 0 10px;margin: 0px auto 0 auto;font-weight: normal;font-size: 11px;color: #0066cc;float:left;}
.texto a {color: #0066cc;font-size: 11px;text-decoration: none;}

.online {font-size: 11px; color: white;text-align: center;}
.online a {color: #0066CC;}

#l1 {width: 200px;float: left;text-align: left;height: 100%;padding: 0 0 0 70px;}
#l1 a {color: #04053e;font-size: 11px;font-weight: bold;}

#l2 {width: 150px;float: left;text-align: left;height: 100%;}
#l2 a {color: #0066cc;font-size: 11px;font-weight: bold;}

#l3 {width: 640px;float: left;height: 100%;text-align: center;padding-left: 84px;}

#footer {width: 100%;text-align: center;font-size: 10px;color: #0066cc;}
#footer a {font-size: 10px;color: #ffffff;}

.leftxt {width: 80px;float: left;padding: 8px 0 0 120px;height: 24px;font-size: 11px;}
.leftxt a{font-size: 11px;color: #0066ff;}
.rightxt {width: 150px;float: right;padding: 8px 50px 0 0;height: 24px;font-size: 11px;}
.rightxt a{font-size: 11px;color: #0066ff;}

.rele {padding-left: 80px;}

#search {width: 295px;background-image: url('../images/search.jpg');background-position: top center ;background-repeat: no-repeat; float: left;padding: 0 20px 0 30px;font-size: 12px;color: #0066cc;text-align: center;}
.searchbg {background-image: url('../images/search_bg.jpg');background-position: top;background-repeat: repeat-x;text-align: center;width: 604px;height: 23px; color: #0066cc;font-size: 13px;padding-top: 2px;}

.vypis {width: 605px;text-align: left;font-size: 15px;color:#0066CC ;padding-left: 0px;}
.vypis a{font-size: 15px;color:#0066CC ;font-weight: bold;}

.gray {color:#666666}
#tags {width: 630px;height: 100px;text-align: left;background-color: black;padding-top: 20px;color: #070745;}
#tags a {text-decoration: underline;color: #070745;letter-spacing: 1px;font-weight: normal;}
.pad {padding-left: 15px;font-size: 28px;font-weight: bold;text-align: left;}
.pad2 {padding:15px 0 0 70px;}
.cl {clear: both;}
.klik {float:left;text-align:left;font-weight: normal;font-size: 12px;color: #0066cc;}
.rekl {float:left;margin: 0 20px 0 0;}
.reklama {width: 300px;height: 300px;}
#box {width: 980px;height: 230px;margin: auto;text-align: center;background-image: url('../images/last.jpg');background-position: top center ;background-repeat: no-repeat;background-color: black;padding-top: 30px; }
.floatleft {float:left;}

.pad8 {padding-top:8px} .pad24 {padding-top:24px}
.marg {margin-bottom:10px;}
.floatmarg {float:left;margin: 0 28px 0 0;}
.colorx {color:#0066cc} .colorx1 {color:#0066cc}
.sel {width: 120px;height: 20px;background-color: #e0e0fc;border: 1px solid #080848;margin-top: 5px;}
.inp {width: 118px;height: 18px;background-color: #e0e0fc;border: 1px solid #080848;margin-top: 5px;}
.texto1 {width: 200px;height: 130px;text-align: right;padding: 0 55px 0 20px;margin: 54px auto 0 auto;font-weight: normal;font-size: 11px;color: #0066cc;}

.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid white;
overflow: scroll; /*leave this value alone*/
width: 800px; /*Width of Carousel Viewer itself*/
height: 188px; /*Height should enough to fit largest content's height*/
margin-left: auto; margin-right: auto; padding-top: 0px;background-color: #333333;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 4px 10px 4px 10px; /*margin around each panel*/
width: 122px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}