/*---------------------------------------------------------------------------*/ /* G-HOSTING.CZ */ /*---------------------------------------------------------------------------*/ /* html > body used for non IE browsers */ /* */ /* */ /* */ /* */ /*---------------------------------------------------------------------------*/ /*0001 - Basic layout*/ /* START 0001 - basic layout*/ body {margin: 0; padding: 0; font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif; background: white url(../images/body-topline.png) repeat-x; color: black; text-align: center; } p, h1, h2, h3, h4, ul, li, form {margin: 0; padding: 0; } hr {display: none; } a {color: #7DAD08; } a:hover {color: #597E00; } div#main {width: 984px; margin: 0 auto; text-align: left; position: relative; } div#header {position: relative; height: 189px; background: url(../images/header.png) no-repeat 276px 15px; } h1 {display: block; width: 145px; height: 25px; position: absolute; font-size: 100%; top: 64px; left: 14px; } h1 span {display: block; width: 145px; height: 25px; position: absolute; top: 0; left: 0; background: url(../images/logo-g-hosting.png) no-repeat; cursor: pointer;} h1.profihosting-eu {width: 186px;} h1.profihosting-eu span{width: 186px; background: url(../images/logo-profihosting-eu.png);} h1.profihosting-cd {width: 186px; height: 25px;} h1.profihosting-cd span{width: 186px; height: 25px; background: url(../images/logo-profihosting-cd.png);} h1.profihosting-mu {width: 191px;} h1.profihosting-mu span{width: 191px; background: url(../images/logo-profihosting-mu.png);} h1.africawebhosting-net {width: 262px;} h1.africawebhosting-net span{width: 262px; background: url(../images/logo-africawebhosting-net.png);} h1.profihosting-co-za {width: 220px;} h1.profihosting-co-za span{width: 220px; background: url(../images/logo-profihosting-co-za.png);} cite#slogan, cite#cite-operated, cite#cite-en {display: block; width: 145px; height: 12px; font-size: 9px; overflow: hidden; position: absolute; top: 95px; left: 14px; } cite#desc {display: none; } cite#slogan span, cite#cite-operated span, cite#cite-en span {display: block; position: absolute; top: 0; left: 0; } cite#slogan span {width: 145px; height: 12px; background: url(../images/cite-slogan.png);} cite#cite-operated span {width:119px; height: 13px; background: url(../images/cite-slogan-operated.png);} cite#cite-en span {width:143px; height: 13px; background: url(../images/cite-slogan-en.png);} ul#lang-selection {width: 255px; height: 30px; position: absolute; top: 32px; right: 0; background: #242424; } ul#lang-selection li {float: left; width: 50px; height: 29px; margin: 0; padding: 0; list-style: none; text-align: center; position: relative; top: 1px; margin: 0 1px 0 0; font-size: 76%; } ul#lang-selection li a {display: block; background: #373737 url(../images/lang-selection.png) -20px 29px; width: 50px; height: 29px; text-decoration: none; color: #C8C8C8; font-weight: bold; } ul#lang-selection li a:hover {background-position: -5px 0px; color: #fff; } ul#lang-selection li span {display: block; padding: 7px 0 0 0; } ul#lang-selection li.first a {background: #373737 url(../images/lang-selection.png) 0px 29px; } ul#lang-selection li.first a:hover {background: #373737 url(../images/lang-selection.png) 0px 0px; } ul#lang-selection li.last {margin: 0; width: 51px; } ul#lang-selection li.last a {width: 51px; background: #373737 url(../images/lang-selection.png) 51px 29px; } ul#lang-selection li.last a:hover {width: 51px; background: #373737 url(../images/lang-selection.png) 51px 0px; } ul#lang-selection li strong {display: block; background: #373737 url(../images/lang-selection.png) -20px 0px; width: 50px; height: 29px; color: #91BE22; } ul#lang-selection li.first strong {background: #373737 url(../images/lang-selection.png) 0px 0px; } ul#lang-selection li.last {margin: 0; width: 51px; } ul#lang-selection li.last strong {width: 51px; background: #373737 url(../images/lang-selection.png) 51px 0px; } div#nomenu {background: url(../images/header-nomenu.png) repeat-x; height: 34px; width: 100%; position: absolute; top: 122px;} ul#menu {list-style: none; height: 48px; position: absolute; top: 120px; background: url(../images/menu-separators.png) no-repeat 65px 0; } ul#menu li {height: 48px; float: left; } ul#menu li a {height: 48px; display: block; background-image: url(../images/menu.png); background-repeat: no-repeat; text-decoration: none; font-weight: bold; color: #5E5E5E; } ul#menu li strong {display: block; height: 48px; background-image: url(../images/menu.png); background-repeat: no-repeat; color: white;} ul#menu li a span, ul#menu li strong span {display: block; text-align: center; padding: 16px 0 0 0; font-size: 83%; } li#m-price-list a , li#m-order a, li#m-contact a {width: 164px; margin: 0 1px 0 0; } li#m-price-list a:hover , li#m-order a:hover, li#m-contact a:hover {background-position: 0 -96px; } li#m-price-list strong , li#m-order strong, li#m-contact strong {width: 164px; background-position: 0 -48px; margin: 0 1px 0 0; } li#m-home span {display: none !important; } li#m-home a {margin: 0 1px 0 0; background-position: -164px 0px; width: 65px; } li#m-home a:hover {background-position: -164px -96px; } li#m-home strong {background-position: -164px -48px; display: block; width: 65px; height: 48px; margin: 0 1px 0 0; } li#m-tech-support a {background-position: -229px 0px; display: block; width: 160px; height: 48px; } li#m-tech-support a:hover {background-position: -229px -96px; } li#m-tech-support strong {background-position: -229px -48px; display: block; width: 160px; height: 48px; } li#m-admin a {background-position: -389px 0px; width: 127px; margin: 0 0 0 8px; } li#m-admin a:hover {background-position: -389px -96px; } li#m-webmail a {background-position: -516px 0px; width: 127px; margin: 0 0 0 1px; } li#m-webmail a:hover {background-position: -516px -96px; } li#m-webmail span, li#m-admin span {text-transform: uppercase; font-weight: normal; font-size: 60% !important; padding: 30px 0 0 0 !important; } /* END 0001 */ /* START 0002 - Page - Home */ div#hosting-plans {width: 721px; height: 180px; background: url(../images/hosting-plans.png); float: left; margin: 0 0 10px 0; } ul#hosting-plans-ul ul {height: 124px; position: absolute; bottom: 0; width: 172px; background-image: url(../images/hosting-plans-separators2.png); background-repeat: repeat-x; background-position: bottom; } ul#hosting-plans-ul li.first {background: url(../images/dot-1.gif) no-repeat; } ul#hosting-plans-ul li.last {background: url(../images/dot-1.gif) no-repeat top right; width: 181px; } ul li.plan {float: left; width: 180px; list-style: none; height: 180px; position: relative; } ul li.plan h2 {font-size: 90%; text-transform: uppercase; padding: 12px 0 0 14px; background: url(../images/hosting-plans-separator.png) no-repeat; } div#hosting-plans ul li.first h2 {background: none; } ul li.plan h2 a {color: #A7DA28; } ul li.plan h2 a:hover {text-decoration: none; } ul li.plan h2 a span {display: block; color: #D7D7D7; font-weight: normal; font-size: 65%; margin: 3px 0 0 0; text-decoration: none !important; } ul#hosting-plans-ul li.plan ul {color: #D9DDE1; list-style: none; font-size: 70%; margin: 14px 0 0 8px; } ul#hosting-plans-ul li.plan ul li {padding: 0 0 0 7px; margin: 0; line-height: 1.5em; background: url(../images/li-dot.gif) no-repeat 0px 7px; } ul#hosting-plans-ul p.price {font-size: 83%; color: #fff; position: absolute; bottom: 47px; padding: 0 0 0 14px; } ul#hosting-plans-ul a.more, a#b-help, a#b-custom {background-image: url(../images/hosting-plans-a.png); background-repeat: no-repeat; display: block; position: absolute; bottom: 0; height: 30px; text-align: right; text-decoration: none; color: #464646; text-transform: uppercase; font-size: 65%; } ul#hosting-plans-ul a.more span, a#b-help span, a#b-custom span {display: block; padding: 9px 31px 0 0; } div#hosting-plans ul li a.more {width: 179px; background-position: -179px 0px; } div#hosting-plans ul li a.more:hover {width: 179px; background-position: -179px -30px; } div#hosting-plans ul li.first a.more:hover {background-position: 0 -30px; } div#hosting-plans ul li.first a.more {width: 179px; background-position: 0 0px; } div#hosting-plans ul li.first a.more:hover {background-position: 0 -30px; } div#hosting-plans ul li.last a.more {width: 181px; background-position: -358px 0px; } div#hosting-plans ul li.last a.more:hover {background-position: -358px -30px; width: 181px; } a#b-help {background-position: -540px -0px; width: 127px; } a#b-help:hover {background-position: -540px -30px; width: 127px; } a#b-custom {background-position: -667px 0px; left: 128px; width: 127px; } a#b-custom:hover {background-position: -667px -30px; } div#custom-help {width: 255px; height: 180px; background: url(../images/hosting-plans.png); float: right; position: relative; } div#custom-help span.separator {display: block; background-image: url(../images/hosting-plans-separators2.png); background-repeat: repeat-x; background-position: bottom; height: 30px; width: 255px; position: absolute; bottom: 0px; } div#custom-help h2.help, div#custom-help h2.custom {font-size: 90%; padding: 12px 0 0 14px; } div#custom-help h2.help {background: url(../images/dot-255.png) no-repeat; } div#custom-help h2.help a, div#custom-help h2.custom a {color: #A7DA28; } div#custom-help h2.help a:hover, div#custom-help h2.custom a:hover {text-decoration: none; } p.help, p.custom {color: #D9DDE1; font-size: 70%; margin: 4px 14px 0 14px; } div#news {width: 340px; padding: 18px 0 0 0; float: left; background: url(../images/separator-l.png) no-repeat 0 10px; height: 180px; } div#news h3 {text-transform: uppercase; font-size: 75%; padding: 0px 0 0px 15px; } div#news ul li {padding: 0px 0 5px 0px; margin: 0 0 0px 14px; list-style: none; background: url(../images/news-li.gif) repeat-x bottom; } div#news ul li span {font-size: 65%; color: #979894; } div#news ul li p {font-size: 70%; line-height: 1.3em; padding: 0 0 0 1px; } div#news ul li p strong.continue a {color: #709d00; /*font-weight: normal; */ text-decoration: none; padding: 0 13px 0 4px; background: url(../images/a-more.gif) no-repeat right 4px; text-transform: uppercase; font-size: 10px; } div#news ul li p strong.continue a:hover {text-decoration: underline; } div#domain-check {width: 379px; height: 198px; background: url(../images/domain-check.png) no-repeat 0 12px; float: left; /*padding: 18px 0 0 27px;*/ margin: 0 0 0 12px; position: relative; } div#domain-check h3 {text-transform: uppercase; font-size: 75%; padding: 18px 0 0px 22px; } div#domain-check p label {text-transform: uppercase; display: block; font-size: 63%; margin: 0; padding: 15px 0 5px 21px; } div#domain-check p input.text {border: 1px solid #4C4C4C; padding: 2px 0 2px 0; width: 335px; background: url(../images/in-text.gif) repeat-x; position: relative; left: 22px; } div#domain-check ul {list-style: none; padding: 0 0 0 21px; } div#domain-check ul li {width: 52px; float: left; font-size: 11px; position: relative; display: block; left: -4px; top: 8px; } div#domain-check ul li input.checkbox {} div#domain-check ul li label {padding: 0px 0 0px 0; width: 31px; height: 12px; display: block; font-size: 92%; position: absolute; right: 0px; top: 3px; z-index: 100; } div#domain-check div.submit {display: block; width: 104px; height: 30px; background: url(../images/domain-button.gif) no-repeat; position: absolute; left: 22px; bottom: 19px; } div#domain-check div.submit input {font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif; font-size: 0.6em; display: block; width: 104px; height: 30px; border: none; background-color: transparent; color: #DBD9D9; text-transform: uppercase; margin: 0; padding: 0; position: absolute; top: 0; left: 0; } div#parking {width: 100%; height: 135px; background: url(../images/domain-parking.png) no-repeat 0 12px; /*padding: 18px 0 0 27px;*/ margin: 0 0 0 0; position: relative; } a#next-tlds {position: absolute; right: 21px; bottom: 25px; text-transform: uppercase; color: #5D5D5D; font-size: 65%; text-decoration: underline; display: block; line-height: 2; } a#next-tlds span {text-decoration: underline; } div#special-offer {width: 255px; float: right; padding: 18px 0px 0 0px; height: 178px; position: absolute; top: 369px; right: 0px; } div#special-offer a img {border: 0;} div#special-offer h3 {text-transform: uppercase; font-size: 75%; padding: 0px 0 10px 0px; } div#special-offer p {font-size: 12px; color: #78AC0E; line-height: 1.5; } /* END 0002*/ /*START 0003 - Page Nabidka a cenik */ ul#hosting-variants { width: 984px; height: 55px; border-bottom: 5px solid #82A722; } ul#hosting-variants li { float: left; list-style: none; width: 164px; height: 55px; background: #4B4B4B; } ul#hosting-variants li a { display: block; width: 164px; color: #A7DA28; height: 55px; background: url(../images/hosting-variants.png) no-repeat -51px 0px; font-size: 90%; text-transform: uppercase; font-weight: bold; text-decoration: none; } ul#hosting-variants li a:hover { background: url(../images/hosting-variants.png) no-repeat -51px -55px; } ul#hosting-variants li a span.sub, ul#hosting-variants li strong span.sub { padding: 12px 0 0 10px; display: block; } ul#hosting-variants li strong { display: block; width: 164px; height: 55px; background: url(../images/hosting-variants.png) no-repeat -50px -110px; font-size: 90%; text-transform: uppercase; color: white; } ul#hosting-variants li span.sub span {display: block; color: #D7D7D7; font-weight: normal; font-size: 65%; margin: 2px 0 0 0;} ul#hosting-variants li strong span.sub span {color: white;} ul#hosting-variants li.first {width: 164px;} ul#hosting-variants li.first a { width: 164px; background: url(../images/hosting-variants.png) no-repeat -47px 0px;} ul#hosting-variants li.first a:hover { width: 164px; background: url(../images/hosting-variants.png) no-repeat -47px -55px;} ul#hosting-variants li.first strong{width: 164px; background: url(../images/hosting-variants.png) no-repeat -40px -110px;} ul#hosting-variants li.first span.sub {background: url(../images/white-dot.gif) no-repeat 0 0px;} ul#hosting-variants li.last span.sub {background: url(../images/white-dot.gif) no-repeat right 0px;} div.dph { background: #ECECEC; font-size: 76%; padding: 6px 0 6px 12px; margin: 7px 0 7px 0; position: relative; } div.dph p#links { position: absolute; top: 0px; right: 12px; width: 200px; text-align: right; border-left: 2px solid white; padding: 6px 0 0 0; height: 25px; } div.dph p#links a { font-weight: bold; } table.nabidka-cenik-table { width: 984px; border-collapse: collapse; border-spacing: 0; margin: 0px 0 30px 0; } table.nabidka-cenik-table th.c1, table.nabidka-cenik-table th.c2,table.nabidka-cenik-table th.c3,table.nabidka-cenik-table th.c4,table.nabidka-cenik-table th.c5,table.nabidka-cenik-table th.c6 { width: 119px; height: 42px; text-align: center; vertical-align: middle; background: url(../images/price-list-table/names.png) right top no-repeat; font-size: 76%; text-transform: uppercase; position: relative; left: 1px; color: #4B4B4B; /*border-bottom: 1px solid #F0F0F0;*/ } html body table.nabidka-cenik-table th.last {background: url(../images/price-list-table/names.png) -2px top no-repeat; border-right: 1px solid #fff;} html > body table.nabidka-cenik-table th.last {border-right: 1px solid #E7E7E7;} table.nabidka-cenik-table tr.t-variants th strong {text-transform: none; display: block; margin: 2px 0 0 0; position: relative; top: 1px; font-size: 110%;} table.nabidka-cenik-table tr.t-variants th strong span {font-size: 90%; font-weight: normal; color: #6F6F6F; } table.nabidka-cenik-table th.domain { height: 42px; text-align: center; vertical-align: middle; background: url(../images/psrice-list-table/names.png) 0px 0px; font-size: 63%; text-transform: uppercase; color: #4B4B4B; } table.nabidka-cenik-table thead th.domena { width: 80px; background: #E7E7E7; border-right: 1px solid white; } table.nabidka-cenik-table th.cena { width: 80px; background: #E7E7E7; border-right: 1px solid white; } table.nabidka-cenik-table th.stat { width: 160px; background: #E7E7E7; border-right: 1px solid white; } table.nabidka-cenik-table td.stat { text-align: left; padding-left: 5px; } table.nabidka-cenik-table th.poznamka { background: #E7E7E7; } table.nabidka-cenik-table th.objednavka { background: #E7E7E7; border-right: 1px solid white; width: 100px; } table.nabidka-cenik-table caption { padding: 10px; text-align: left; font-size: 90%; background: #EDEDED url(../images/order-sec.gif) repeat-x ; color: #4B4B4B; border-bottom: 1px solid white; font-weight: bold; } table.nabidka-cenik-table th.t-variants-t { background: url(../images/price-list-table/t-prop.png) -1px 0px; color: #919191; font-size: 76%; text-transform: uppercase; text-align: right; padding: 0 5px 0 0; border-left: 1px solid #F0F0F0; border-right: 1px solid #CDCDCD; } table.nabidka-cenik-table th.t-variants-t span{ background: url(../images/price-list-table/t-prop-arrow.png) no-repeat 10px -1px; padding: 0 5px 0 10px; font-size: 15px; color: #D1D1D1; } table.nabidka-cenik-table th.t-prop { background: #F6F6F6; color: #919191; font-size: 76%; text-transform: uppercase; text-align: left; padding: 0 5px 0 16px; border-bottom: 2px solid #E7E7E7; border-right: 1px solid #E7E7E7; border-left: 1px solid #F6F6F6; } table.nabidka-cenik-table th.t-prop span {background: url(../images/price-list-table/t-prop-arrow2.png) no-repeat 0px 5px; padding: 0 14px 0 10px; font-size: 15px; color: #D1D1D1; } table.nabidka-cenik-table tr.t-order td { border-bottom: 2px solid #E7E7E7; border-right: 1px solid #E7E7E7; text-align: center; vertical-align: center; font-size: 19px; padding: 4px 0 7px 0; background: #F6F6F6; } table.nabidka-cenik-table tr.t-order td.first { } table.nabidka-cenik-table tr.t-order td a{ text-decoration: underline; color: #7DAD08; font-weight: bold; text-transform: uppercase; font-size: 65%; text-align: center; } html body table.nabidka-cenik-table tr.t-order td {height: 29px;} html body table.nabidka-cenik-table tr.t-order td a {position: relative; top: 2px;} html > body table.nabidka-cenik-table tr.t-order td {height: 41px;} html > body table.nabidka-cenik-table tr.t-order td a {position: relative; top: 0px;} table.nabidka-cenik-table tr.t-order td a:hover {text-decoration: underline; color: #597E00; } table.nabidka-cenik-table tr.t-order td a span {} table.nabidka-cenik-table tbody td { border-right: 1px solid #E7E7E7; border-bottom: 1px solid #E7E7E7; text-align: center; font-size: 76%; font-weight: bold; color: #494949;} table.nabidka-cenik-table tbody tr.marked td, table.nabidka-cenik-table tbody tr.marked th { background-color: #F8F8F8; } table.nabidka-cenik-table tbody th { border-right: 1px solid #E7E7E7; border-bottom: 1px solid #E7E7E7; border-left: 1px solid #E7E7E7; text-align: left; font-weight: normal; color: #494949; font-size: 76%; padding: 4px 0 4px 14px;} th.domain-tld-t {font-weight: bold !important;} td.cena {font-weight: normal !important;} td.poznamka {font-weight: normal !important; text-align: left !important; padding-left: 5px;} td.objednat a {text-transform: uppercase;} table.nabidka-cenik-table tr.section th,table.nabidka-cenik-table tr.section td { background: #F2F2F2; border-top: 2px solid #e7e7e7; /*font-weight: bold;*/ } table.nabidka-cenik-table tr.section td { background-color: #FAFAFA; } table.nabidka-cenik-table tr.section th { color: black; } table.nabidka-cenik-table tbody td.ano { color: #6B9602; font-weight: bold; background: url(../images/price-list-table/ico_ano.png) no-repeat 28px 6px; } table.nabidka-cenik-table tbody td.ne { color: #A5A5A5; font-weight: normal; background: url(../images/price-list-table/ico_ne.png) no-repeat 28px 6px; } table.nabidka-cenik-table tbody tr.section td.ano { color: #6B9602; font-weight: bold; background: #FAFAFA url(../images/price-list-table/ico_ano.png) no-repeat 28px 6px; } table.nabidka-cenik-table tbody tr.section td.ne { color: #A5A5A5; font-weight: normal; background: #FAFAFA url(../images/price-list-table/ico_ne.png) no-repeat 28px 6px; } /*START specialni programy BOXy*/ div.nac-box-section { margin: 20px 0 20px 0; border-bottom: 9px solid #E9E9E9; } div.nac-box-section div.nac-box-header { background: url(../images/nac-box-header.png) repeat-y; position: relative; height: 6em; } div.nac-box-section div.nac-box-header h3 { width: 301px; float: left; background: #8FAE4A url(../images/nac-box-h3.png) repeat-x 0 0; text-transform: uppercase; color: white; font-size: 100%; padding: 12px 0 0px 15px; } div.nac-box-section div.nac-box-header p { font-size: 83%; line-height: 1.5; margin-left: 345px; color: #5C5C5C; } div.nac-box-program { width: 316px; margin: 18px 18px 0 0; float: left; background: url(../images/nac-box-h4.png) no-repeat top; } div.nac-box-tarify { /* width: 640px; */ margin: 18px 18px 0 0; float: left; background: url(../images/nac-box-h4.png) no-repeat top; } div.third { margin-right: 0; } div.nac-box-program h4{ font-size: 83%; text-transform: uppercase; font-weight: bold; color: #5C5C5C; line-height: 42px; padding: 0 0 0 13px; float: left; } div.nac-box-program p { font-size: 83%; line-height: 42px; margin: 0 13px 0 130px; text-align: right; color: #5C5C5C; } div.nac-box-program p span.nac-box-sep { background: url(../images/nac-box-sep.png) no-repeat; width: 2px; color: white; margin: 0 4px 0 4px; } div.nac-box-program p span.nac-box-order { text-transform: uppercase; font-weight: bold; } div.nac-box-program p strong.nac-box-price { font-weight: bold; } div.nac-box-program ul { clear: both; list-style: none; margin: 15px 0 10px 0; padding: 0; font-size: 83%; color: #4D4D4D; } div.nac-box-program ul li { padding: 3px 0 3px 17px; background: url(../images/nac-li.png) no-repeat 0px 8px; } div.nac-box-program p span.nac-box-month { font-size: 80%; } div.nac-box-program p strong.nac-box-order { text-transform: uppercase; /*font-size: 80%;*/ } div.clear { clear: both; height: 20px; } /*END specialni programy BOXy*/ /* END 0003*/ /*START 0004 - Page Kontakt */ div.fl-box { float: left; width: 254px; background: url(../images/long-sep.png) no-repeat 0px 0px; position: relative; left: -6px; height: 330px; } div.fl-box h3, div.reference-box h3{ color: #494949; font-size: 76%; text-transform: uppercase; padding: 19px 0 5px 22px; } div.fl-box p, div.fl-box address { font-size: 76%; font-style: normal; margin: 0; padding: 0px 0 0 22px; line-height: 1.4em; } div.reference-box { padding-left: 15px; float: left; width: 230px; background: url(../images/long-sep.png) no-repeat 0px 0px; position: relative; left: -6px; height: 330px; } div#kontakt-form {width: 482px; height: 316px; background: url(../images/form_bck.png) no-repeat 0px 0px; position :absolute; top: 194px; right: -2px; float: left;} div#kontakt-form form { padding: 17px;} div#kontakt-form form h3{ color: #494949; font-size: 76%; text-transform: uppercase; padding: 0px 0 25px 0px;} div#kontakt-form form label { width: 170px; display: block; float: left; text-transform: uppercase; color: #5D5D5D; font-size: 63%; vertical-align: middle; text-align: right; padding: 4px 10px 0px 0; margin: 0 0 10px 0; } div#kontakt-form form label.txt-label {display: block; float: none; text-align: left; clear: both; margin: 0px 0 5px 0; } div#kontakt-form form input.in-text { vertical-align: middle; margin: 0 0 2px 0; width: 260px; float: left; margin: 0 0 10px 0; border: 1px solid #4C4C4C; background: #FBFBFB; } div#kontakt-form form textarea { display: block; border: 1px solid #4C4C4C; font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif; font-size: 80%; height: 120px; background: #FBFBFB; width: 440px;} div#kontakt-form input.submit {margin: 7px 5px 0 0; float: right;} /*END 0004 - Page Kontakt */ /* START 0005 - Page Objedavka */ div.order-box { width: 240px; float: left; margin: 0 8px 0 0; height: 12em; /* !!! výška !!!*/ background: #494949 url(../images/order-box-top.gif) repeat-x 0px 0px; position: relative; } div.last { margin: 0; } div.order-box h3 { background: url(../images/order-box-dots.gif) no-repeat 0px 0px; font-size: 90%; text-transform: uppercase; padding: 12px 0 0 14px; } div.order-box h3 a{ color: #A7DA28; text-decoration: none; } div.order-box h4 { font-size: 76%; text-transform: uppercase; padding: 7px 0 0 14px; color: #DADEE2; } div.order-box p { font-size: 70%; padding: 15px 0 0 14px; color: #DADEE2; line-height: 1.4; } div.order-box a.continue { display: block; height: 40px; width: 240px; background: url(../images/order-a-continue.png) no-repeat 0px 0px; position: absolute; bottom: 0; left: 0; text-decoration: none; color: #6A6969; font-weight: bold; text-transform: uppercase; } div.order-box a.continue:hover { background: url(../images/order-a-continue.png) no-repeat 0px -40px; } div.order-box a.continue span { display: block; line-height: 40px; font-size: 76%; text-align: right; padding: 0 38px 0 0; } div#name-box { width: 242px; background: #505050; height: 60px; float: left; } div#name-box h3{ color: #AADB30; background: url(../images/order-box-dots.gif) no-repeat -239px 0px; font-size: 90%; text-transform: uppercase; padding: 12px 0 0 14px; } div#name-box h4{ font-size: 76%; text-transform: uppercase; padding: 7px 0 0 14px; color: #DADEE2; } div#name-box h4 span {font-weight: normal;} ul#steps { display: block; padding: 0; margin: 0; width: 742px; height: 60px; background: url(../images/order-steps.gif) repeat-x; float: right; } ul#steps li { padding: 0 5px 0 10px; margin: 0; float: left; list-style: none; line-height: 60px; text-transform: uppercase; color: #6D6C6C; font-size: 70%; font-weight: bold; text-align: center; } ul#steps li span { background: #DCDADA; border: 1px solid #B7B3B3; padding: 0 4px 0 4px; margin: 0 3px 0 0px; } ul#steps li.active span { background: #93BF2A; border: 1px solid #93BF2A; padding: 0 4px 0 4px; margin: 0 3px 0 0px; color: white; } ul#steps li.active { color: #535353; } h2#step-name { background: #4D4D4D; color: white; text-transform: uppercase; font-size: 90%; padding: 7px; border-top: 7px solid white; clear: both; margin: 0 0 7px 0; } h2#step-name span { background: #93BF2A; border: 1px solid #A8D837; padding: 0 4px 0 4px; margin: 0 7px 0 0; } div.order-sec { margin: 0px 0 14px 0; background: url(../images/order-bck.gif) repeat-y; } div.order-sec div.forms{ width: 721px; background: #EEEEEE; float: left; background: url(../images/order-sec.gif) repeat-x ; } div.order-sec div.forms h3 { text-transform: uppercase; font-size: 76%; margin: 12px 0 12px 8px; } div.order-sec div.forms h3 span { background: #5D5C5C; padding: 3px 0 3px 0; color: white; border-left: 6px solid #5D5C5C; border-right: 6px solid #5D5C5C; margin: 0 4px 0 0; } div.order-sec div.forms table { border: 0; border-spacing: 0; border-collapse: collapse; margin: 0 0px 0 8px; width: 705px; } div.order-sec div.forms table td, div.order-sec div.forms table th { background: #F7F7F7; padding: 5px; vertical-align: middle; font-size: 83%; text-align: left; border-bottom: 6px solid #EEEEEE; line-height: 22px; border-top: 1px solid #E4E4E4; } div.order-sec div.forms table .cara { background: #F7F7F7; padding: 5px; vertical-align: middle; font-size: 83%; text-align: left; border-bottom: 6px solid #aaa; line-height: 22px; border-top: 1px solid #E4E4E4; } div.order-sec div.forms table th { border-right: 1px solid #E5E5E5; } div.order-sec div.help { width: 721px; background: #EEEEEE; float: right; width: 255px; background: url(../images/order-sec.gif) repeat-x ; } div.order-sec div.help h4 {margin: 8px 0 2px 8px; font-size: 76%;} div.order-sec div.help p {margin: 0px 0 5px 8px; font-size: 76%;} div.order-sec div.clear { clear: both; font-size: 1px; background: url(../images/order-bck.gif) repeat-y; height: 5px; } div.order-sec input { font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif; vertical-align: middle; } div.order-sec input.in-text { width: 400px; } div.order-sec textarea { font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif; width: 400px; height: 100px; font-size: 95%; } div.order-sec input.in-radio { position: relative; top: -2px; } div.order-sec select { font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif; margin: 0 0 0 5px; vertical-align: middle; } div.order-sec label { vertical-align: middle; margin: 0 10px 0 3px; font-size: 90% } div.order-sec div.forms h4 { font-size: 83%; margin: 8px 8px 0 8px; padding: 10px 10px 5px 10px; background: #F7F7F7; } div.order-sec div.forms p { background: #F7F7F7; font-size: 86%; margin: 0px 8px 8px 8px; padding: 0px 10px 10px 10px; } div.order-sec div.forms h4.error { background: #DA0000; color: white; } div.order-sec div.forms p.error { background: #DA0000; color: white; } div.order-sec div.forms tr.error td, div.order-sec div.forms tr.error th { background: #DA0000; color: white; } div.order-sec div.forms tr.obliged td, div.order-sec div.forms tr.obliged th { background: #fff; } strong.star { font-size: 20px; display: block; float: left; vertical-align: middle; padding: 3px 3px 0px 3px; margin: 0 7px 0 0; color: #FF0000; } strong.star-i { font-size: 20px; vertical-align: middle; color: #FF0000; } div#buttons { height: 38px; background: #505050; width: 721px; margin: 0 0 15px 0; position: relative; } div#buttons input { position: absolute; top: 8px; width: 100px; } div#buttons input#sub-back {left: 8px;} div#buttons input#sub-next {right: 8px;} div.orders { width: 984px; height: 35px; font-size: 76%; } div.orders span.o-link { font-weight: bold; text-decoration: underline; padding: 0 16px 0 30px; border-right: 1px solid silver; text-transform: uppercase; } div.orders span.o-content { color: #5D5D5D; padding: 0 12px 0 12px; } div.orders span.o-items { font-weight: bold; color: #5D5D5D; padding: 0 16px 0 12px; border-right: 1px solid silver; } div.orders a { display: block; position: relative; width: 984px; height: 29px; background-image: url(../images/order-list.png); background-repeat: no-repeat; text-decoration: none; line-height: 29px; } div.orders a:hover { background-position: 0 -30px; } /*---*/ div.add-item { width: 984px; height: 70px; font-size: 76%; } div.add-item span.add { font-weight: bold; text-decoration: underline; padding: 0 16px 0 30px; text-transform: uppercase; } div.add-item a { display: block; position: relative; width: 984px; height: 49px; background-image: url(../images/add-item.png); background-repeat: no-repeat; text-decoration: none; line-height: 49px; color: white; } div.add-item a:hover { background-position: 0 -50px; } /* END 0005 - Page Objedavka */ /* START 0006 - Page Overeni domen */ h2#domain-result-h { padding: 10px; text-align: left; font-size: 90%; background: #EDEDED url(../images/order-sec.gif) repeat-x ; color: #707070; margin: 0 0 10px 0; } h2#domain-result-h strong {color: black;} table#domains-result { border-collapse: collapse; border-spacing: 0; font-size: 76%; margin: 20px 0 30px 0; } table#domains-result caption { } table#domains-result td,table#domains-result th{ border: 1px solid #E0E0E0; padding: 4px; } table#domains-result td { border-left: none; text-align: center; padding-left: 7px; width: 40px; } table#domains-result th { border-right: none; text-align: left; width: 60px; } span.accesible {color: #6B9602; background: url(../images/price-list-table/ico_ano.png) no-repeat 2px 6px; display: block; float: left; width: 220px; padding: 0 0 0 20px; font-weight: bold;} span.inaccesible {color: #DA0000; background: url(../images/price-list-table/ico_ne_red.png) no-repeat 2px 6px; display: block; float: left; width: 220px; padding: 0 0 0 20px; font-weight: bold;} span.unknown {color: gray;} span.tld { display: block; float: left; width: 80px; font-size: 12px;} span.tld-c { display: block; float: left; width: 80px; font-size: 12px; color: #BD1700; background: #F0F0F0;} /* END 0006 - Page Overeni domen */ /* START 0007 - Page Technicka podpora*/ div.faq { float: left; /*width: 485px;*/ font-size: 76%; line-height: 1.4em; margin: 0 0 20px 0; } div.faq hr { display: block; text-align: center; border: 0; border-top: 1px solid #EDEDED; height: 1px; width: 90%; } div.faq ol li .kat { font-size: 115%; font-weight:bold; } div.faq h2 { margin: 10px; } p.question {font-weight: bold; padding: 7px 15px 7px 15px; background: #F4F4F4 url(../images/f-question.gif) no-repeat 0px 0px; } p.answer {padding: 4px 15px 7px 15px; background: #F9F9F9 url(../images/f-question.gif) no-repeat bottom;} /* END 0007 - Page Technicka podpora*/ /* START 0008 - Info Page*/ div.infobox {background: #9ACA24; border: 10px solid #ECECEC; color: #fff; padding: 35px; text-align:center; } div.infobox h2 {font-size: 120%; padding-bottom: 10px;} div.infobox p {font-size: 120%;} /* END 0008 - Info Page*/ .pocitadlo { border: 0px; height: 1px; width: 1px; } div#footer { text-align: right; margin: 30px auto 0 auto; padding: 10px 0 0 0; background: url(../images/footer.png) no-repeat; clear: both; width: 984px; position: relative; top: 80px; } div#footer img{ margin: 0 3px 0 3px; vertical-align: middle; }