html, body            { margin: 0;  padding: 0;  font-family: verdana; background: #ffffff;}
body                  { font-size: 75%; }
h1,h2                 { color: #666666; }
p                     { color: #4f4f4f; }
.tx1                  { color: #ffae00; font-size: 1.5em; margin: 20px 0 00px 0; padding: 0; position: relative; }
.odkaz_nav            { margin: 8px 0; font-size: .9em; }
h1                    { font-size: 1.7em;  font-weight: normal; margin-bottom: 25px;  margin-top: 10px;   padding-top: 0; }
h2                    { font-size: 1.2em;  font-weight: bold; }
h3                    { font-size: 1.5em; font-weight: normal; }
tx1                   { font-size: 1.5em; font-weight: normal; }
a            		 { color: #555555; }
a:hover 		 { text-decoration: none; }
p                     { text-align: justify; }
img                   { border: 0; }
ul                    {}
li                    {}
hr                    { height: 0; border-width: 0; border-bottom: 1px solid #ff6f00; padding: 5px 0 0 0; margin: 0 0 5px 0; clear: both; }

#webmenu              { position: relative; padding: 0; margin-top: -14px; height: 164px;}
table#webhosting-1    { position: absolute; top: 0px; left: -6px; width: 200px; height: 140px;}
table#webhosting-2    { position: absolute; top: 0px; left: 260px; width: 200px; height: 140px;}
table#webhosting-3    { position: absolute; top: 0px; left: 520px; width: 200px; height: 140px;}

#obsah                { background: #ffffff; margin: 0 auto; width: 980px; text-align: left; padding: 0;}
#obsahi               { background: #ffffff; margin: 0 auto; width: 980px; text-align: left; padding: 0;}

#uvod_obr             { float: left; position: relative; width: 748px; height: 297px; background: url(img/servery-telehouse.jpg) left top no-repeat; }

#leva                 { float: left; width: 230px; padding: 0; margin: 0; }
.leva_in              { margin: 18px 0px 0px 0px; padding:  0px; }
.leva_in em           { font-style: normal; color: #ffffff;  font-family: verdana; font-size: 13px; font-weight: bold; display: block; width: 198px; background: #666666; padding: 8px 0 8px 15px; text-decoration: none;  margin: 0; }

#stredni              { float: right; width: 738px; margin: 0; padding:0; }
#stredni_in           { line-height: 1.5em; margin: 0; padding: 15px 25px 0 0; }
#stredni_index        { line-height: 1.5em; margin: 1px 0 0 0; padding: 0; height: 515px;}


.list  ul             { float: left; margin-left: 300px; }
.list  li             { list-style-position: inside; }

h2.titulek            { background: #f1ebde;  font-weight: bold; font-size: 12px; width: 100%; }

#hlavicka             { height: 100px; position: relative; width: 100%; background: #ffffff; }
#logo      { position: absolute; left: 0px; top: 0px; }
#logo a img         { border: 0; }

#hlavicka #loginform  { position: absolute; top: 0px; right: 0px; width: 712px; color: #a9a9a9; line-height: 22px;}
#hlavicka #loginform p{ text-align: right; }

#hlavicka p.links     { position: absolute; font-size: 12px; right: 55px;  top: 27px; padding: 0; margin: 0; color: #000000; text-align: right; }
#hlavicka p.links a   { padding: 0 5px;  color: black;}

#loginform .user  { width: 100px; position: absolute; top: 0px; right: 224px; font-size: 12px; }
#loginform .user input{ width: 92px; height: 24px; background: url(img/bg-login.jpg) left top no-repeat; padding: 0 0 0 5px; border: none; }

#loginform .psw  { width: 110px; position: absolute; top: 0px; right: 110px; font-size: 12px; }
#loginform .psw input{ width: 92px; height: 24px; background: url(img/bg-login.jpg) left top no-repeat; padding: 0 0 0 5px; border: none; }

#loginform .vstup  { width: 92px; position: absolute; top: 1px; right: 0px; font-size: 12px; }
#loginform .vstup input{ width: 92px; height: 24px; background: url(img/bg-login.jpg) left top no-repeat; padding: 0 0 2px 0; border: none; }

#paticka              { width: 100%; position: absolute; top: 10px; position: relative; height: 33px; background: url(img/bgpata.jpg) repeat-x; margin: 0 0 20px 0; color: #808080; }
#paticka img          { float: right; border: 0; padding: 0;  margin-top: 38px; margin-right: 18px; }
#paticka a            { border-bottom: 1px solid #a6a6a6; text-decoration: none; }
#paticka a:hover      { border-bottom: 0px; } 
#left_pata            { width: 733px; position: absolute; left: 15px; top: 11px; }
#right_pata           { width: 237px; position: absolute; right: 10px; top: 11px; }

.orangeline          { position: absolute; top: 65px; right: 0px; color: #dddddd; font-size: 11px;}
a.log                 { color: #ff6600; border-bottom: 1px solid #ff6600; text-decoration: none; }
a.log:hover           { border-bottom: 0px; }

#hlavicka p.flags     { position: absolute; font-size: 11px; left: 255px;  top: 27px; padding: 0; margin: 0; color: #ffffff; text-align: right; }
#hlavicka p.flags a   { padding: 0 5px; }

span.clearboth        { clear: both; height: 1px; line-height: 1px; font-size: 1px; display: block; }

.lm                   { margin: 0; }
.lm ul                { padding: 0; margin: 0 0 0 0; list-style: none; width: 220px; }
.lm ul li             { margin-bottom: 1px;}
.lm li                { /* all list items */ float: left;   display: block;   width: 220px; margin: 0 0 0 0; }
.lm li a              { font-family: verdana; font-size: 12px; color: #414141;  display: block;  width: 198px; background: #e0e0e0; padding: 8px 0 8px 15px; text-decoration: none; }
.lm li a:hover        { background: #d0d0d0 url(/img/bglm-o.gif); background-repeat: repeat-x;  color: #414141; }

.vpravo               { float: right;  padding: 0; margin: 5px 0px 10px 10px; border: 0px; }
.vlevo                { float: left;  padding: 0; margin: 5px 10px 10px 0px; border: 0px; }

.list                 { color: #4f4f4f; }
.list img.vlevo       { float: left;  padding: 0; border: 0; margin: 5px 25px 10px 0px; }

td                    { color:  #4f4f4f; padding: 1px 6px 1px 5px; }

#toptable td          { vertical-align: top; }

.external             { background: url(/img/external.png) top right no-repeat;  padding: 0 15px 0 0; }

input,select,textarea { border: 1px solid #F36523; font-family: verdana; font-size: 10pt; padding: 2px 3px 2px 3px;}
input .button          { background: url(img/vstupte.jpg) left top no-repeat; width: 92px; height: 24px; color: #ffffff; padding: 0 15px 0 15px;}
.prihlasit          { background: url(img/vstupte.jpg) left top no-repeat; width: 92px; height: 24px; color: #ffffff; padding: 0 15px 0 15px;}

.table_tr             { vertical-align: top; text-align: right; }
.table_tl             { vertical-align: top; text-align: left; }
.table_tc             { vertical-align: top; text-align: center; }

.tab2 td              {background-color: #666666; color: #ffffff;}
.tab3 td              {background-color: #e0e0e0; color: #414141;}
.tab3hl td            {background-color: #d0d0d0; }
.tab3hl-red td        {background-color: #c0c0c0; color: red;}
.tab3hl-green td      {background-color: #c0c0c0; color: green;}
.tab5                 {background-color: #d0d0d0; }
.tab8                 {background-color: #fe9542;}
.tab9                 {background-color: #ffc6ac;}

.white                { color: #ffffff; }

.form6                { color: #f36523; border: 0px; font-weight: bold; font-size: 9pt; background-color: #ffffff; }
input.arrow           { border: 0px; position: relative; top: 3px;}
#atrtitle             { border: 1px solid #000000; background: #f36523; color:#ffffff; padding:5px; position:absolute;font-size:0.8em; text-decoration: none; }
.txerr                { color: red; font-weight: bold;}
.msgbox, .errmsgbox   { margin: 15px 50px 10px 50px; padding: 5px 15px 5px 15px; font-weight: bold;}
.msgbox               { border: 1px solid green; background-color: #f4fff4;}
.errmsgbox            { border: 1px solid red; background-color: #fff4f4;}
.smallbox             { margin: 15px 0px 10px 0px; padding: 5px 15px 5px 15px; font-weight: bold; border: 1px solid navy; background-color: #abebf6;}
.lightgrey            { background-color: #e9e9e9; }
.grey                 { background-color: #b5b5b5; }
.star                 { color: #F36523; }

.who                  { background-color: #EE6425; width: 110px; text-align: center; -moz-border-radius: 5px;}
.who a                { display: block; color: white; text-decoration: none; }
.hand                 { cursor: pointer; cursor: hand; }

.who2                 { background-color: #EE6425; width: 86px; text-align: center; -moz-border-radius: 5px;}
.who2 a               { display: block; color: white; text-decoration: none; }

table.souhlas td      { vertical-align: top; }
table.souhlas table   { border: 1px solid black; }
table.souhlas table td  { border: 1px solid black; }

.filterbox            { border: 1px solid #EE6425; padding: 1px 10px 1px 10px; margin: 0px 10px 5px 10px; -moz-border-radius: 5px; }
.filterbox a          { color: #EE6425; font-weight: bold; text-decoration: none; }
.filterbox span       { font-weight: bold; text-decoration: underline; }



option.imagebacked {padding: 2px 0 2px 20px; background-repeat: no-repeat; background-position: 1px 2px; vertical-align: middle; }


div.infobox           { background-color: #EDA787; margin: 25px 50px 10px 50px; padding: 15px 15px 15px 15px;  -moz-border-radius: 8px; border: 1px solid #EE6425; }
div.infobox p         { position: relative; bottom: -23px; right: -410px; color: navy; background-color: #eeeeee; display: inline; border: 1px solid #EE6425; padding: 3px;}
div.infobox p a       { color: navy; text-decoration: none; cursor: pointer; cursor: hand; }

#prostredek { position: absolute; top: 404px; left: 0px; margin: 0; width: 100%; }
#nadpis_index { margin: 0 auto; width: 980px; }
#nadpis_index h1 { font-size: 14px; font-weight: bold; color: white; margin: 0 0 0 20px; padding: 0; }

#vrstva { width: 100%; position: absolute; top: 460px; left: 0; height: 195px;}
#bannery { width: 980px; margin: 0 auto; }


.pole { float: left; width: 313px; color: #555555; height: 184px; background: url(img/bg-osobni.jpg) left top no-repeat; margin: 0 30px 0px 0; position: relative; }
.pole a { border-bottom: 1px solid #a6a6a6; text-decoration: none; }
.pole a:hover { border-bottom: 0px; } 

.pole_2 { float: left; width: 311px; color: #555555; height: 184px; background: url(img/bg-firemni.jpg) left top no-repeat; margin: 0 25px 0 0; position: relative; }
.pole_2 a { border-bottom: 1px solid #a6a6a6; text-decoration: none; }
.pole_2 a:hover { border-bottom: 0px; } 

.pole_3 { float: left; width: 300px; color: #555555; height: 184px; background: url(img/bg-domaineri.jpg) left top no-repeat; margin: 0 0px 0px 0; position: relative; }
.pole_3 a { border-bottom: 1px solid #a6a6a6; text-decoration: none; }
.pole_3 a:hover { border-bottom: 0px; } 


.nadpis_1, .nadpis_2, .nadpis_3  { position: absolute; top: 40px; font-size: 12px; font-weight: bold; color: #ffffff; text-decoration: none; }
.nadpis_1 { left: 148px; }
.nadpis_2 { left: 137px; }
.nadpis_3 { left: 111px; }

.popis_1 { position: absolute; left: 20px; top: 95px; width: 242px; line-height: 20px; }
.popis_2 { position: absolute; left: 15px; top: 95px; width: 240px; line-height: 20px; }
.popis_3 { position: absolute; left: 20px; top: 95px; width: 255px; line-height: 20px; }

#bannery .nabidka { float: left; width: 150px; }
#bannery .ceny { float: right; text-align: right; width: 75px; right: 5px; }

#prave_menu { float: right; width: 230px; height: 297px; }
#potrebujete { float: right; width: 230px; height: 30px; background: #f26522;}
#potrebujete .textik { text-align: left; color: white; font-size: 12px; margin: 5px 0 0 12px;}
#prave_menu .nadpisek { width: 220px; text-align: left; font-weight: bold; font-size: 12px; margin: 0; margin: 0 0 4px 0; }
#prave_menu .nadpisek a { border-bottom: 1px solid #a6a6a6; text-decoration: none; }
#prave_menu .nadpisek a:hover { border-bottom: 0px; }
#prave_menu .pozadi { width: 230px; height: 88px; background: #ededed; font-size: 12px;  }
#prave_menu .pozadi_in { padding: 5px 12px 12px 12px; }
#prave_menu p { color: #666666; text-align: left; margin: 2px 0 0 0; }

/* ------ bannery webhosting ------ */

#webhost { float: left; width: 712px; height: 185px; margin: 10px 0 20px 0; position: relative; }

#webhost .pozadi_1 { width: 227px; height: 205px; background: url(img/bg-1.jpg) left top no-repeat; position: relative; float: left; }
#webhost .nadpis_1 { position: absolute; left: 55px; top: 30px; font-size: 12px; font-weight: bold; color: #ffffff; }
#webhost .popis_1 { position: absolute; left: 5px; top: 70px; font-size: 12px; color: #666666; }
#webhost .nabidky_1, .nabidky_2, .nabidky_3 { float: left; width: 112px; text-align: left; }
#webhost .popisky_1, .popisky_2, .popisky_3 { float: left; width: 80px; text-align: right; }
#webhost .detail_1 { position: absolute; left: 0px; bottom: 15px; }
#webhost .objednat_1 { position: absolute; right: 25px; bottom: 15px; }

#webhost .pozadi_2 { width: 248px; height: 205px; background: url(img/bg-2.jpg) left top no-repeat; position: relative; float: left; }
#webhost .nadpis_2 { position: absolute; left: 78px; top: 30px; font-size: 12px; font-weight: bold; color: #ffffff; }
#webhost .popis_2 { position: absolute; left: 28px; top: 70px; font-size: 12px; color: #666666; }
#webhost .detail_2 { position: absolute; left: 25px; bottom: 15px; }
#webhost .objednat_2 { position: absolute; right: 23px; bottom: 15px; }

#webhost .pozadi_3 { width: 227px; height: 205px; background: url(img/bg-3.jpg) left top no-repeat; position: relative; float: left; }
#webhost .nadpis_3 { position: absolute; left: 78px; top: 30px; font-size: 12px; font-weight: bold; color: #ffffff; }
#webhost .popis_3 { position: absolute; left: 28px; top: 70px; font-size: 12px; color: #666666; }
#webhost .detail_3 { position: absolute; left: 25px; bottom: 15px; }
#webhost .objednat_3 { position: absolute; right: 0px; bottom: 15px; }
