* {margin:0px;padding:0px;}
body{background:#fff;font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;font-size:0.7em;color:#000;text-align:left;}
img {border:none;}
#main{width:761px;margin:0px auto 0px 0px;}
a {color:#000;text-decoration:underline;}/*odkazy v hlavni obsahove casti*/
a:visited {color:#000;text-decoration:underline;}/*odkazy v hlavni obsahove casti*/
a:hover {text-decoration:none}
a[name]:hover {text-decoration:underline;}

/*header*/
#header{height:171px;border-bottom:0px solid #fff; margin-bottom: 5px; background:url('../images/head2.jpg') no-repeat #FFD268;background-position:bottom left;position:relative;}
#header img {display:none;}
#pozadi {position:absolute;top:0px;left:0px;width:761px;height:62px;display:block;background:url('../images/head1.jpg') top left no-repeat transparent;z-index:5;}
#header ul {list-style-type:none;position:absolute;top:65px;margin-left:11px;}
#header a {text-decoration:none;font-size:11px;}
#header ul li {float:left;margin-right:16px;width:101px;height:29px;}
#header ul li a {width:100%;text-align:center;line-height:29px;color:#000;display:block;letter-spacing:0.1em;font-weight:bold;}
#header ul li a:hover {color:#666}
#header h1,#header h2 {padding-left:8px;font-size:1.8em;font-weight:normal;height:62px;background:#fff;}
#header h1 span {color:#FF7918}
#header h4 {position:absolute;bottom:-2px;right:55px;height:14px;line-height:14px;_bottom:-5px;margin-bottom:3px;}
#header h4 a {color:#000;font-size:14px;font-family: Arial, sans-serif;}
#header h4 a:hover {color:#666}


/*content*/
/* sekce se styly pro LEVOU cast stranky, kde muze byt menu, novinky, hledani domen */
#left {width:216px;margin-right:auto;}

/* sekce se styly pro blok vyhledat domenu */
#domeny {background:url('../images/globe.gif') bottom left no-repeat #e7e7e7;padding:15px 10px 10px 10px;margin-bottom:5px;}
#domeny h3 {padding-bottom:3px;font-size:1.3em;color:#000;font-weight:bold;margin-bottom:10px;width:160px;float:left;}
#domeny input,#domeny select {width:120px;border:1px solid;border-color:#808080 #D4D0C8 #D4D0C8 #808080;padding:2px;font-size:1.1em;font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;}
#domeny .hp {float:right;}
#domeny select {width:auto;padding:0px;}
.overit,.zaregistrovat {width:71px;height:16px;background:url('../images/overit.gif') top left no-repeat #f90;color:#fff;display:block;text-align:center;font-weight:bold;text-decoration:none;margin-top:13px;float:left;line-height:16px;}
.overit:visited {color:#fff;text-decoration:none;}
.overit:hover {color:#FFE6BF}

.zaregistrovat {width:103px;height:16px;background:url('../images/zaregistrovat.gif') top left no-repeat #f60;margin-left:81px;float:none;_overflow:hidden;}
.zaregistrovat:visited {color:#fff;text-decoration:none;}
.zaregistrovat:hover {color:#FFD9BF}

#prihlaseni {background:#e7e7e7;width:216px;padding:0px 0px 10px 0px;margin-bottom:5px;}
#prihlaseni h3 {padding:5px 0px 5px 10px;font-size:1.2em;color:#000;font-weight:bold;margin-bottom:10px;background:#ffd868;}
#prihlaseni div {padding-left:10px;padding-right:10px;}
#prihlaseni label {width:35%;float:left;padding-top:2px;font-size:1.1em;}
#prihlaseni input {width:60%;margin-bottom:5px;border:1px solid;border-color:#808080 #D4D0C8 #D4D0C8 #808080;padding:2px;font-size:1.1em;font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;}
.overit2,.overit3 {width:71px;height:16px;background:url('../images/overit.gif') top left no-repeat #f90;color:#fff;display:block;text-align:center;font-weight:bold;text-decoration:none;line-height:16px;_overflow:hidden;margin-bottom:5px;margin-top:10px;}
.overit3 {float:none;margin-bottom:0px;}
.overit2:visited,.overit3:visited {color:#fff;text-decoration:none;}
.overit2:hover,.overit3:hover {color:#FFE6BF}


/* sekce se styly pro novinky, menu a banner */
#novinky {background:#f0f0f0;padding:10px 10px 10px 10px;}
#novinky h3, #next_menu h3 {font-size:1.7em;font-family:Arial,sans-serif;font-weight:normal;}
#novinky h4 {margin-top:15px;font-size:1.1em;}
#banner {text-align:center;margin-top:20px;}

#odkazy, #next_menu {background:#f0f0f0;padding:10px 10px 10px 10px; margin-bottom: 5px;}

/* sekce pro PRAVOU cast stranky, ktera tvori defacto obsah */
#right {width:535px;float:right;}

#right ul {list-style-type:none;line-height:1.2em;margin-bottom:5px} /*seznam s cernymi ctverci jako odrazkami - obcas nefunguje v IE*/
#right ul li {padding-left:10px;background:url('../images/kostka.gif') no-repeat;background-position:left center;}

#right h2 {margin-bottom:15px;font-size:1.8em;font-weight:normal;}
#right h3 {margin-bottom:5px;font-size:1.2em;margin-top:10px;}
#right h4 {margin-bottom:5px;font-size:1.0em;margin-top:10px;}

#right h3.flo {margin-top:0px;_margin-top:10px;}

#right a img.navody {border: 1px solid white; padding: 5px;}
#right a:hover img.navody {border: 1px solid #f90;}

#right .nadpish2 {font-size:2em;font-family:Arial, sans-serif;margin-bottom:0px;font-weight:bold;margin-top:0px;}/*nadpis - pouzite napriklad na uvodu pro nazvy programu*/
#right .nadpish2 a {text-decoration:none;}
#right .nadpish2 a:hover{text-decoration:underline;}
/*sekce se styly pro promo sekci - sekce nad hlavnim obsahem - prezentace + hotlink */
/*promo prezentace z uvodni stranky - pocita se zobrazenim hotlinky*/
#prez {border:1px solid #999;width:340px;padding:5px;float:left;}
#prez img{float:left;}
#prez div {margin-left:105px;}
#right #prez h3{font-size:1.3em;margin-bottom:5px;margin-top:3px;font-weight:bold;}
/*helpline blok*/
#helpline {width:170px;text-align:center;margin-left:auto;}
#helpline h3 {color:#FF7918;font-size:1.5em;font-weight:bold;margin-top:0px;margin-bottom:10px;}
#helpline .cisla {background:url('../images/helpline.gif') bottom center no-repeat;background-color:#e7e7e7;padding:2px;font-family:Arial,sans-serif;font-size:1.1em;}
#helpline #c1 {color:#000;margin-top:0px;text-decoration:none}
#helpline #c1 a {color:#000;margin-top:0px;text-decoration:none}
#helpline #c1 a:hover {color:#000;margin-top:0px;text-decoration:none}
#helpline #c2 {color:#666;margin-top:0px;margin-bottom:0px;font-size: 90%;}
#helpline #c3 {font-size:0.8em;;color:#999;font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;}
#helpline h3 img {margin-right:10px;}


/*styly pro sekci spolecne parametry na webhostingu*/
.param {border-bottom:1px solid #666;margin-bottom:10px;}
#right .param h3 {font-size:1.2em;margin-bottom:15px;margin-left:5px;padding-top:5px;font-weight:bold;margin-top:0px;}


/*sekce se styly pro vypis programu z uvodni stranky*/
.lprog,.pprog {width:240px;padding:0px 10px 20px 10px;position:relative;float:left;}
.pprog {margin-left:auto;float:none;}
.bigstrong {font-size:1.5em;font-family:Arial, sans-serif;margin-bottom:10px;}
.info {color:#f00;text-decoration:underline;font-size:1.1em;}
.info:hover {text-decoration:none;} 
.lprog a.objed, .pprog a.objed {position:absolute;display:block;text-decoration:none;color:#fff;font-weight:bold;left:0px;bottom:-9px;height:16px;line-height:16px;width:82px;text-align:center;}

/*sekce se styly pro vypis programu na strance webhosting*/
.vyppol {width:30%;float:left;padding-left:5px;}
.vyppol .objed {text-decoration:underline;font-weight:bold;}
.vyppol .objed:hover {text-decoration:none;}

/*sekce se styly pro vypis programu z uvodni stranky*/
.vizitka {background:url('../images/vizitka.jpg') bottom right no-repeat;border-bottom:2px solid #999;}
.vizitka .objed {background:url('../images/vizitkaobj1.gif') #999;}
.vizitka .objed:hover {color:#E6CFCF;background:url('../images/vizitkaobj1.gif');}
.start {background:url('../images/start.jpg') bottom right no-repeat;border-bottom:2px solid #f90;}
.start .objed {background:url('../images/startobj1.gif') #f90;}
.start .objed:hover {color:#FFE6BF;}
.home {background:url('../images/home.jpg') bottom right no-repeat;border-bottom:2px solid #c00;}
.home .objed {background:url('../images/homeobj1.gif') #c00;}
.home .objed:hover {color:#FFBFBF;}
.homeplus {background:url('../images/homeplus.jpg') bottom right no-repeat;border-bottom:2px solid #090;}
.homeplus .objed {background:url('../images/homeplusobj1.gif') #090;}
.homeplus .objed:hover {color:#BFFFBF;}
.office {background:url('../images/office.jpg') bottom right no-repeat;border-bottom:2px solid #609;}
.office .objed {background:url('../images/officeobj1.gif') #609;}
.office .objed:hover {color:#D6CFE6;}
.business {background:url('../images/business.jpg') bottom right no-repeat;border-bottom:2px solid #699;}
.business .objed {background:url('../images/businessobj1.gif') #699;}
.business .objed:hover {color:#BFcccc;}

/*sekce pro styly popisu jednotlivych programu - je jich hodne, ale zkratit to nejspis nejde - je moc variant*/
.popis1 {width:335px;float:left;padding-left:5px;}
#right .popis1 h2 {font-size:2em;margin-bottom:0px;font-weight:bold;margin-top:0px;}
.popis1 h2 span {font-size:0.7em;color:#000;}
.popis1 strong {font-size:1.5em;}
.popis1 div {width:220px;margin-top:15px;margin-bottom:10px;}
.popis2 {border:solid;border-width:2px 1px;margin-left:346px}
#right .popis2 ul {list-style-type:none;font-size:1.1em;font-weight:bold;padding-top:15px;margin-bottom:0px;}
#right .popis2 ul li {padding-left:15px;padding-right:10px;background:url('../images/odrazka3.gif') 3% 0% no-repeat;padding-bottom:10px}
.popis3 {margin-top:10px;padding-left:5px;margin-bottom:40px;}
a.button_like {font-weight:bold;color:#fff;font-size:1.1em;text-decoration:none;display:block;height:26px;line-height:26px;width:116px;text-align:center;margin-left:auto;position:relative;bottom:-13px;}
a.button_like:visited {color:#fff;text-decoration:none;}
#right .spec {font-size:1.1em;margin-top:15px;}
.vizitk .popcast1 {background:url('../images/vizitka_full.jpg') bottom left no-repeat;}
.vizitk .popis2,.vizitka .popis3 {border-color:#999;}
.vizitk .popis2 div {background:#999;}
.vizitk .popis3 {border-bottom:2px solid #999;}
.vizitk a.button_like {background:url('../images/vizitkaobj2.gif') #999;}
.vizitk a.button_like:hover {color:#E6CFCF;}
.star .popcast1 {background:url('../images/start_full.jpg') bottom left no-repeat;}
.star .popis2,.start .popis3 {border-color:#f90;}
.star .popis2 div {background:#f90;}
.star .popis3 {border-bottom:2px solid #f90;}
.star a.button_like {background:url('../images/startobj2.gif') #f90;}
.star a.button_like:hover {color:#FFE6BF;}
.hom .popcast1 {background:url('../images/home_full.jpg') bottom left no-repeat;}
.hom .popis2,.home .popis3 {border-color:#c00;}
.hom .popis2 div {background:#c00;}
.hom .popis3 {border-bottom:2px solid #c00;}
.hom a.button_like {background:url('../images/homeobj2.gif') #c00;}
.hom a.button_like:hover {color:#FFBFBF;}
.homeplu .popcast1 {background:url('../images/homeplus_full.jpg') bottom left no-repeat;}
.homeplu .popis2,.homeplus .popis3 {border-color:#090;}
.homeplu .popis2 div {background:#090;}
.homeplu .popis3 {border-bottom:2px solid #090;}
.homeplu a.button_like {background:url('../images/homeplusobj2.gif') #090;}
.homeplu a.button_like:hover {color:#BFFFBF;}
.offic .popcast1 {background:url('../images/office_full.jpg') bottom left no-repeat;}
.offic .popis2,.office .popis3 {border-color:#609;}
.offic .popis2 div {background:#609;}
.offic .popis3 {border-bottom:2px solid #609;}
.offic a.button_like {background:url('../images/officeobj2.gif') #609;}
.offic a.button_like:hover {color:#D6CFE6;}
.busines .popcast1 {background:url('../images/business_full.jpg') bottom left no-repeat;}
.busines .popis2,.business .popis3 {border-color:#699;}
.busines .popis2 div {background:#699;}
.busines .popis3 {border-bottom:2px solid #699;}
.busines a.button_like {background:url('../images/businessobj2.gif') #699;}
.busines a.button_like:hover {color:#BFcccc;}

/*************************************/
/*************************************/
/*univerzalne pouzitelne styly v casti right - tedy v casti, kde je hlavni obsah*/
/****barvy pisma pro jednotlive programu*/
.vizcol {color:#999;}
.stacol {color:#f90;}
.homcol {color:#c00;}
.hopcol {color:#090;}
.offcol {color:#609;}
.buscol {color:#699;}

a.vizcol {color:#999;}
a.stacol {color:#f90;}
a.homcol {color:#c00;}
a.hopcol {color:#090;}
a.offcol {color:#609;}
a.buscol {color:#699;}

a.vizcol:visited {color:#999;}
a.stacol:visited {color:#f90;}
a.homcol:visited {color:#c00;}
a.hopcol:visited {color:#090;}
a.offcol:visited {color:#609;}
a.buscol:visited {color:#699;}

/****vertikalni cleneni*/
.radek {margin-bottom:15px;clear:left;}
.smallcont {margin-bottom:10px;}
.cont {margin-bottom:15px;}
.bigcont {margin-bottom:20px;}

/****styly pro seznamy (ul), ktere maji byt vedle sebe - navic maji cervene odrazitko*/
.popis2 div {font-weight:bold;color:#fff;padding:3px 5px 5px 5px;}
#right .sez1 {list-style-type:none;width:48%;float:left;line-height:1.2em;}
#right .sez2 {list-style-type:none;width:48%;margin-left:auto;line-height:1.2em;}
#right .sez3 {list-style-type:none;width:96%;float:left;line-height:1.2em;}
#right .sez3 li,#right .sez2 li,#right .sez1 li{padding-left:10px;background:url('../images/odrazka2.gif') no-repeat;background-position:0px 5px;}

/****klasicky seznam*/
.vyhody {list-style-type:none;line-height:1.2em;margin-bottom:5px} /*seznam s cernymi ctverci jako odrazkami - obcas nefunguje v IE*/
.vyhody li {padding-left:10px;background:url('../images/kostka.gif') no-repeat;background-position:left center;}

/* seznam pouzity v novinkach - jednoduchy seznam bez odrazitek*/
.nove {list-style-type:none;margin-top:10px;}
.nove li {margin-bottom:15px;}
/*seznamy pouzite v navigacich menu - varinaty maji velke cervene odrazitko, odkazy jen male cervene*/
.varianty,.odkazy {margin:auto;margin-top:10px;list-style-type:none;}
.varianty {font-size:1.1em;}
.varianty li {padding-left:15px;padding-bottom:4px;background:url('../images/odrazka.gif') 0% 30% no-repeat;}
.varianty li a,.odkazy li a {color:#000;}
.varianty li a:hover,.odkazy li a:hover {text-decoration:none;}
.odkazy li {padding-left:15px;padding-bottom:1px;background:url('../images/odrazka2.gif') 1% 50% no-repeat;}

/****!dulezita vec - pouziti v seznamech, co maji mit urcitou delku - do takoveho seznamu se vklada <li class="notext">&nbsp;</li>!*/
/****takto se seznam prodluzuje - pouzite na uvodni strance, na strance o progrogramech*/
.notext {background:none !important;}/*pouziva se v uvodu na vyrovnani vysek bloku*/

/****cistice*/
.cleaner {visibility:hidden;height:10px;clear:both;}/*tento se pouziva az na konci stranky*/
.cleanerl {clear:left;visibility:hidden;height:1px;}/*tento se pouziva po obtekanych objektech - napr po seznamech sez1 a sez2 - nebo lze pouzit radek*/

/****ohraniceny blok, muze obsahovat obrazek, ktery pak bude obtekan - je to pouzite v promo sekci na webhostingu*/
.webhosting {padding:5px;border:1px solid #666;margin-bottom:5px;}
#right .webhosting h3{font-size:1.3em;margin-bottom:5px;margin-top:3px;font-weight:bold;}
.webhosting img{float:left}/*pocita s obrazkem sirky 100px*/
.webhosting div{margin-left:105px;}/*je-li v bloku obrazek, text(i nadpis) se muzi uzavrit do divu, jinak muze byt volne*/

/****FORMATOVANI textu*/
p {line-height:1.3em;margin-bottom:1em;}/*pokud ma byt pod odstavcem mezera, tak pouzijte styly z vertikalniho cleneni*/

/****odkazy - zvolil jsem pro ne cervenou barvu - jejich styl je umistnen na zacatku souboru stylu - kvuli prioritam*/
/*a {color:#f00;text-decoration:underline;}
a:hover {text-decoration:none}*/

/*tabulky - nejsem si jist, jestli se budou pouzivat - dam jim jen nejzakladnejsi vlastnosti*/
table {margin:10px auto 10px 0px;border-collapse:collapse;font-size:1em;}
td, th {padding:3px 5px 3px 5px;border:1px solid #999;text-align:left;}
table th {background:#FFF7E2;}
table select {font-size:1em;}
table input {font-size:1em;}
table textarea {font-size:1.3em;}

/* tabluky registracnich formularu */

table.regform {margin:5px auto 5px 0px;border-collapse:collapse;}
table.regform td,table.regform th {padding:3px 5px 3px 5px;border:1px solid #999;text-align:left;}
table.regform td.textcom {background:#FFCC66;}

/* pomocne tabulky */

table.hidden td,table.hidden th {padding:3px 5px 3px 5px;border:0px;text-align:left;}



/*footer*/
#menu {height:32px;background:url('../images/footer.gif') repeat-x #f60;line-height:32px;text-align:center;}
#menu ul {list-style-type:none;margin-left:auto;margin-right:auto;width:600px;}
#menu ul li {float:left;width:120px;background:url('../images/mezera.gif') no-repeat; background-position:center right; }
#menu ul li a {color:#fff;font-weight:bold;text-decoration:underline;}
#menu ul li a:hover {text-decoration:none; background: #FF6600}
#noback {background:none;}
#datapro {color:#666;text-align:center;font-size:0.9em;line-height:15px;margin-top:10px;margin-bottom:20px;}

table.domeny_table td, table.help_box td {
  border: 0px;
}

tt {
  font-size: 1.1em;
}