/* Reset
----------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
body {line-height: 1; color: black; background: #fff;}
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}



/* Basic
----------------------------------------------- */
body {background: url("../images/back.jpg") repeat-x #fff; font: 16px/1em arial, verdana; color: #000;}
a, a:visited {text-decoration: underline; color: #000;}
a:hover {text-decoration: none; color: #b04b00;}
a img {border: 0;}
strong {font-weight: bold;}
em {font-style: italic; font-size: 0.688em; float: right; margin-right: 5px; color: #444;}
em.dph-menu {position: relative; top: 280px; left: -60px;}
p {margin: 0 10px 10px;}
.clear {clear: both;}
.clear-10 {clear: both; height: 10px;}
.clear-20 {clear: both; height: 20px;}
.clear-30 {clear: both; height: 30px;}
.width-100 {width: 100%;}
.center {text-align: center;}
.red {color: red;}
.green {color: green;}



/* Alerts
----------------------------------------------- */
.alert-bad {border: 1px solid red; width: 350px; font-size: 0.875em; padding: 5px 5px 5px 35px; font-weight: bold; background: url(../images/cancel.jpg) no-repeat 8px 4px #ffe3e3; margin: 10px 0 30px 2%; color: #000;}
.alert-good {border: 1px solid green; width: 350px; font-size: 0.875em; padding: 5px 5px 5px 35px; font-weight: bold; background: url(../images/accept.jpg) no-repeat 8px 4px #d4ead4; margin: 10px 0 30px 2%; color: #000;}



/* Layout
----------------------------------------------- */
#container {width: 100%; background: url("../images/orange.jpg") center 71px no-repeat; float: left;}
#container #outer {margin: 0 auto; width: 995px;}
#container #outer #left {float: left; width: 320px; height: 700px;}
#container #outer #left #logo {width: 100%; height: 120px;}
#container #outer #left #logo h1 {width: 100%; height: 112px; background: url("../images/logo.jpg") 34px 15px no-repeat;}
#container #outer #left #logo h1 a, #container #outer #left #logo h1 a:visited {text-decoration: none; width: 270px; height: 112px; display: block;}
#container #outer #left #logo h1 span {visibility: hidden;}
#container #outer #left #menu {width: 100%; height: 620px; background: url("../images/menu.jpg") 24px 38px no-repeat;}

#container #outer #left #menu ul {position: relative; top: 73px; left: 42px; width: 216px;}
#container #outer #left #menu ul li {display: block; width: 216px; height: 36px;}
#container #outer #left #menu ul li a span {visibility: hidden;}
#container #outer #left #menu ul li a {display: block; width: 216px; height: 36px; text-decoration: none;}
#container #outer #left #menu ul li a.menu-kontakt {background: url("../images/menu-kontakt.jpg") no-repeat;}
#container #outer #left #menu ul li a.menu-sluzby {background: url("../images/menu-sluzby.jpg") no-repeat;}
#container #outer #left #menu ul li a.menu-domeny {background: url("../images/menu-domeny.jpg") no-repeat;}
#container #outer #left #menu ul li a.menu-hosting {background: url("../images/menu-hosting.jpg") no-repeat;}
#container #outer #left #menu ul li a.menu-servery {background: url("../images/menu-servery.jpg") no-repeat;}
#container #outer #left #menu ul li a.menu-centrum {background: url("../images/menu-centrum.jpg") no-repeat;}
#container #outer #left #menu ul li a.menu-podminky {background: url("../images/menu-podminky.jpg") no-repeat;}
#container #outer #left #menu ul li a.menu-telefon {background: url("../images/menu-telefon.jpg") no-repeat;}
#container #outer #left #menu ul li a.menu-onas {background: url("../images/menu-o-nas.jpg") no-repeat;}
#container #outer #left #menu ul li a:hover {background-position: 0 -36px;}
#container #outer #left #menu ul li a.current {background-position: 0 -36px;}

#container #outer #right {float: right; width: 670px;}
#container #outer #right #top {width: 100%; height: 71px; background: url("../images/top.jpg") no-repeat;}
#container #outer #right #header {width: 100%; height: 153px; background: url("../images/slogan.jpg") right 0 no-repeat;}
#container #outer #right #content {width: 100%; background: url("../images/content.jpg") repeat-y; float: left;}

#container #outer #right #content1 {width: 100%; float: left; margin-top: 20px;}

#container #outer #right #content1 .main-box {width: 680px; background: url("../images/main-box-content.png"); float: left; margin: 0 0 0 8px;}
#container #outer #right #content1 .main-box-top {width: 680px; height: 33px; background: url("../images/main-box-top.jpg"); float: left;}
#container #outer #right #content1 .main-box-text {padding: 5px 25px 0 30px; float: left;}
#container #outer #right #content1 .main-box-bottom {width: 680px; height: 33px; background: url("../images/main-box-bottom.jpg"); float: left;}

#container #outer #right #content1 .main-box-text p {font-size: 0.75em; line-height: 1.5em;}
#container #outer #right #content1 .main-box-text .h2-podnadpis {margin-top: 30px;}

#container #outer #right #content1 .main-box-text ul {margin: 15px 0 15px 30px; list-style: disc; line-height: 1.375em; font-size: 1.0em;}
#container #outer #right #content1 .main-box-text ul.ul-onas {line-height: 1.5em; font-size: 0.75em;}

#container #outer #right #content1 .main-box-text dl {margin: 15px 0 15px 10px; line-height: 1.375em; font-size: 0.75em;}
#container #outer #right #content1 .main-box-text dl dt {width: 100px; float: left; font-weight: bold;}
#container #outer #right #content1 .main-box-text dl dd {margin: 0 0 7px 100px; width: 230px;}
#container #outer #right #content1 .main-box-text .dl-servery {width: 330px;}

#container #outer #right #content1 .main-box-text .img-servery {border: 1px solid #6b6b6b;}
#container #outer #right #content1 .main-box-text .servery-left {float: left;}
#container #outer #right #content1 .main-box-text .servery-right {float: right; margin: 17px 0 0 23px; width: 250px; text-align: center;}

#container #outer #right #content1 .main-box-text .servery-table {font-size: 0.69em; border-spacing: 1px; margin: 15px 0 0 0; width: 250px;}
#container #outer #right #content1 .main-box-text .servery-table .servery-basic {background: #bddda1;}
#container #outer #right #content1 .main-box-text .servery-table th {background: #cbcbcb; font-weight: bold; padding: 4px;}
#container #outer #right #content1 .main-box-text .servery-table td {background: #e8e8e8; padding: 4px;}
#container #outer #right #content1 .main-box-text .servery-table .servery-center {text-align: center; font-size: 1.125em;}
#container #outer #right #content1 .main-box-text .servery-table .td-center {text-align: center}

#container #outer #right #content1 .main-box-text .servery-form {float: right; margin: 15px 27px 0 0;}



#container #outer #right #content1 #table-hosting {width: 630px; background: url("../images/table-back.jpg");}
#container #outer #right #content1 #table-hosting thead tr {background: #fff;}
#container #outer #right #content1 #table-hosting thead tr th {border-bottom: 1px dotted #b3b3b3; padding: 10px;}
#container #outer #right #content1 #table-hosting thead tr th {font-weight: bold; font-size: 1.0em; padding-bottom: 20px;}

#container #outer #right #content1 #table-hosting thead tr th.varianta {width: 155px;}
#container #outer #right #content1 #table-hosting thead tr th.parametry {width: 200px;}
#container #outer #right #content1 #table-hosting thead tr th.podpora {width: 170px;}
#container #outer #right #content1 #table-hosting thead tr th.cena {text-align: center; width: 100px;}

#container #outer #right #content1 #table-hosting thead tr th.koncovka {width: 145px; padding-bottom: 6px;}
#container #outer #right #content1 #table-hosting thead tr th.popis {width: 200px; padding-bottom: 6px;}
#container #outer #right #content1 #table-hosting thead tr th.bez-dph {text-align: center; width: 100px; padding-bottom: 6px;}
#container #outer #right #content1 #table-hosting thead tr th.s-dph {text-align: center; width: 100px; padding-bottom: 6px;}

#container #outer #right #content1 #table-hosting tbody tr.odd {background: #fff;}

#container #outer #right #content1 #table-hosting tbody tr td {padding: 10px;}
#container #outer #right #content1 #table-hosting tbody tr td.varianta {font-weight: bold; color: #0f6e08; font-size: 1.1em;}
#container #outer #right #content1 #table-hosting tbody tr td.cena {text-align: center; color: #0f6e08; font-weight: bold; font-size: 1.0em;}

#container #outer #right #content1 #table-hosting .formular-hosting {margin-top: 6px;}


#container #outer #right #content1 h2 {font-weight: bold; margin: 0 0 13px 10px;}
#container #outer #right #content1 .domeny-odstavec {font-size: 0.75em;}
#container #outer #right #content1 .domeny-box {border: 1px solid #fcdc47; background: #fff1b0; margin: 20px 15px 15px 15px; padding: 7px; width: 580px;}
#container #outer #right #content1 .domeny-box h3 {font-weight: bold; font-size: 0.75em;}
#container #outer #right #content1 .domeny-box h4 {font-weight: bold; font-size: 0.875em; color: #0f6e08; margin: 10px 0 0 5px; padding: 0;}
#container #outer #right #content1 .domeny-box ul {list-style: disc; margin: 15px 20px;}
#container #outer #right #content1 .domeny-box ul li {font-size: 0.75em;}

#container #outer #right #content1 .domeny-box dl {font-size: 0.75em; margin: 10px 0 10px 5px;}
#container #outer #right #content1 .domeny-box dl dt {float: left; width: 70px; font-weight: bold;}

#container #outer #right #content1 .domeny-box form.overovani {margin: 20px 0 20px 7px;}
#container #outer #right #content1 .domeny-box form.overovani input.pole {float: left; border: 1px solid #858585; width: 100px; background: #f2faff; margin-right: 3px;}
#container #outer #right #content1 .domeny-box form.overovani select {float: left; border: 1px solid #858585; width: 60px; background: #f2faff; margin-right: 7px;}
#container #outer #right #content1 .domeny-box form.overovani input.overit {float: left; }
#container #outer #right #content1 .domeny-box span {font-size: 0.75em; margin-left: 7px;}
#container #outer #right #content1 .domeny-box form.objednavka input.moje {float: left; margin-left: 7px;}

#container #outer #right #content1 .domeny-box form.overovani select.tarif {width: auto;}
#container #outer #right #content1 .domeny-box form.overovani select.obdobi {width: auto;}

#container #outer #right #content1 .domeny-box form.zrusit input {margin-left: 7px;}

#container #outer #right #content1 .domeny-box form.formular input.napotvrzeni {float: left; margin-left: 90px;}


#container #outer #right #content1 .domeny-box .udaje-vlevo {float: left; width: 238px; border: 1px solid #fbe57e; background: #ffed9b; padding-left: 5px; margin-top: 8px;}
#container #outer #right #content1 .domeny-box .udaje-vlevo input {margin-left: 10px;}

#container #outer #right #content1 .domeny-box div.vyuctovani {width: 313px; float: right; border: 1px solid #fbe57e; background: #ffed9b; padding: 0 0 10px 10px; margin-top: 8px;}
#container #outer #right #content1 .domeny-box div.vyuctovani h4 {margin: 10px 0 10px 0px;}
#container #outer #right #content1 .domeny-box div.vyuctovani div {width: 140px; float: left; font-size: 0.75em;}
#container #outer #right #content1 .domeny-box div.vyuctovani div.pred {width: 70px; font-weight: bold;}
#container #outer #right #content1 .domeny-box div.vyuctovani div.penize {width: 90px; text-align: right;}
#container #outer #right #content1 .domeny-box div.vyuctovani div.mezera {width: 310px; float: left; clear: both; height: 20px;}
#container #outer #right #content1 .domeny-box div.vyuctovani div.vysledna-cena {font-weight: bold; color: #0f6e08; font-size: 0.875em;}

#container #outer #right #content1 .domeny-box form.dokonceni {width: 313px; float: right; text-align: right; margin-top: 10px;}
#container #outer #right #content1 .domeny-box form.dokonceni label {position: relative; top: -1px; color: green; font-size: 0.75em;}
#container #outer #right #content1 .domeny-box form.dokonceni input.checkbox {position: relative; top: 2px; margin: 0 5px 0 10px;}
#container #outer #right #content1 .domeny-box form.dokonceni input.objednat {margin: 10px 5px 0 0;}
#container #outer #right #content1 .domeny-box form.dokonceni a {color: green;}
#container #outer #right #content1 .domeny-box form.dokonceni div {width: 250px; float: right;}


#container #outer #right #content h2 {font-weight: bold; font-size: 0.75em; padding: 23px 0 0 75px;}
#container #outer #right #content p {font-size: 0.69em; padding: 12px 0; width: 165px; margin: 0 0 0 23px;}
#container #outer #right #content form {float: left;}
#container #outer #right #content input {margin-left: 23px;}
#container #outer #right #content span {float: right; font-weight: bold; margin-right: 25px; font-size: 0.69em; padding-top: 1px;}






#container #outer #right #content #domeny {width: 212px; float: left; padding-top: 20px;}
#container #outer #right #content #domeny .domeny-top {width: 212px; background: url("../images/domeny-top.jpg") no-repeat;}
#container #outer #right #content #domeny .domeny-bottom {width: 212px; background: url("../images/domeny-bottom.jpg") 0 100% no-repeat;}

#container #outer #right #content #domeny .myzone-domeny {height: 188px;}
#container #outer #right #content #domeny .myzone-overeni {height: 150px;}
#container #outer #right #content #domeny .myzone-overeni h2 {padding-left: 68px;}

#container #outer #right #content #domeny dl {font-size: 0.69em; padding: 12px 0; width: 80px; margin: 0 0 0 23px; float: left;}
#container #outer #right #content #domeny dl.druhy-domenovy-sloupec {margin: 0 0 0 5px;}
#container #outer #right #content #domeny dl dt {float: left; width: 35px; font-weight: bold;}
#container #outer #right #content #domeny dl.druhy-domenovy-sloupec dt {width: 45px;}

#container #outer #right #content #domeny form.overovani {margin: 20px 0 0 5px;}
#container #outer #right #content #domeny form.overovani input.pole {float: left; border: 1px solid #6b96b1; width: 100px; background: #f2faff; margin-right: 3px;}
#container #outer #right #content #domeny form.overovani select {float: left; border: 1px solid #6b96b1; width: 50px; background: #f2faff;}
#container #outer #right #content #domeny form.overovani input.overit {margin-top: 10px;}





#container #outer #right #content #hosting {width: 212px; float: left; padding-top: 20px;}
#container #outer #right #content #hosting .hosting-top {width: 212px; background: url("../images/hosting-top.jpg") no-repeat;}
#container #outer #right #content #hosting .hosting-top2 {width: 212px; background: url("../images/hosting-top2.jpg") no-repeat;}
#container #outer #right #content #hosting .hosting-bottom {width: 212px; background: url("../images/hosting-bottom.jpg") 0 100% no-repeat;}

#container #outer #right #content #hosting .myzone-dns {height: 140px;}
#container #outer #right #content #hosting .myzone-mini {height: 173px;}
#container #outer #right #content #hosting .myzone-basic {height: 173px;}
#container #outer #right #content #hosting .myzone-basicplus {height: 173px;}
#container #outer #right #content #hosting .myzone-standard {height: 188px;}
#container #outer #right #content #hosting .myzone-standard h2 {padding-left: 68px;}
#container #outer #right #content #hosting .myzone-maxi {height: 204px;}




#container #outer #right #content #servery {width: 212px; float: left; padding-top: 20px;}
#container #outer #right #content #servery .server-top {width: 212px; background: url("../images/server-top.jpg") no-repeat;}
#container #outer #right #content #servery .server-top2 {width: 212px; background: url("../images/server-top2.jpg") no-repeat;}
#container #outer #right #content #servery .server-top3 {width: 212px; background: url("../images/server-top3.jpg") no-repeat;}
#container #outer #right #content #servery .server-bottom {width: 212px; background: url("../images/server-bottom.jpg") 0 100% no-repeat;}

#container #outer #right #content #servery .gold2u {height: 153px;}
#container #outer #right #content #servery .gold1u {height: 153px;}
#container #outer #right #content #servery .economy {height: 138px;}





#container #outer #right #footer {clear: both; background: url("../images/footer.jpg") no-repeat; width: 100%; height: 252px;}





.vysvetlivka {font-size: 0.75em;}






#table-hosting {font-size: 0.75em;}






.input-cell {width: 400px; text-align: left;}
.input-text {width: 80px; float: left; text-align: right; position: relative; top: 7px; font-size: 0.75em; font-weight: bold; padding: 0 7px 0 0;}
.input-input {width: 290px; float: left; text-align: left;}
.input-input input { border: 1px solid #949494; background: #f2faff; padding: 2px 3px; width: 230px; font-size: 0.75em;}
.input-input input.obligatory {background: #ffe8e8; margin: 5px 0;}
.input-input input.normal {background: #fffdf3; margin: 5px 0;}
.input-input input:focus {border: 1px solid #000;}

input.validation-failed {border: 1px solid #ff3300;	color: #ff3300;}
input.validation-passed {border: 1px solid #00cc00;	color: #000;}
.validation-advice {margin: 5px 0; padding: 5px; background: #ff3300;	color: #fff;	font-weight: bold; display: block; font-size: 0.75em; width: 228px;}

#container #outer #right #content1 .domeny-box form.dokonceni input.validation-failed {border: 0;}
#container #outer #right #content1 .domeny-box form.dokonceni input.validation-passed {border: 0;}









#kontaktni-formular {width: 445px; float: left; margin-top: 10px; }
#kontaktni-formular .input-cell {width: 440px; text-align: left;}
#kontaktni-formular .input-text {width: 110px; float: left; text-align: right; position: relative; top: 2px; font-size: 0.75em; font-weight: bold; padding: 0 7px 0 0;}
#kontaktni-formular .input-input {width: 300px; float: left; text-align: left; padding: 0 0 5px 0;}
#kontaktni-formular .input-input input, #kontaktni-formular .input-input textarea {border: 1px solid #949494; background: #f2faff; padding: 2px 3px; width: 300px; font-size: 0.75em;}
#kontaktni-formular .input-input textarea {height: 300px;}
#kontaktni-formular .input-button .input-input input {width: 96px; height: 19px; border: 0; float: right;}

#kontakt {width: 155px; float: left; margin: 8px 0 20px 15px; font-size: 0.75em;}



#login-formular {width: 420px; float: left; margin: 10px 0 20px 30px; border: 1px solid #fcdc47; background: url("../images/lock.jpg") 349px 6px no-repeat #fff1b0; padding: 15px 10px 7px 10px;}
#login-formular .input-cell {width: 340px; text-align: left;}
#login-formular .input-text {width: 110px; float: left; text-align: right; position: relative; top: 2px; font-size: 0.75em; font-weight: bold; padding: 0 7px 0 0;}
#login-formular .input-input {width: 200px; float: left; text-align: left; padding: 0 0 5px 0;}
#login-formular .input-input input {border: 1px solid #949494; padding: 2px 3px; width: 200px; font-size: 0.75em;}
#login-formular .input-button .input-text {width: 110px; float: left; padding: 0 7px 0 0;}
#login-formular .input-button .input-input {width: 200px;}
#login-formular .input-button .input-input input {width: 82px; height: 19px; border: 0; float: right; background: none;}



/* Lightbox
----------------------------------------------- */
#lightbox {position: absolute; left: 0; width: 100%; z-index: 100;	text-align: center;	line-height: 0;}
#lightbox a img {border: none;}
#outerImageContainer {position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;}
#imageContainer {padding: 10px;}
#loading {position: absolute;	top: 40%;	left: 0%;	height: 25%; width: 100%;	text-align: center;	line-height: 0;}
#hoverNav {position: absolute; top: 0; left: 0;	height: 100%;	width: 100%; z-index: 10;}
#imageContainer>#hoverNav {left: 0;}
#hoverNav a {outline: none;}
#prevLink, #nextLink {width: 49%;	height: 100%;	display: block;}
#prevLink {left: 0; float: left;}
#nextLink {right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover {background: url(../scripts/prev.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover {background: url(../scripts/next.gif) right 15% no-repeat;}

#imageDataContainer {font: 10px Verdana, Helvetica, sans-serif;	background-color: #fff;	margin: 0 auto;	line-height: 1.4em;	overflow: auto;	width: 100%;}
#imageData {padding: 0 10px; color: #666;}
#imageData #imageDetails {width: 70%; float: left; text-align: left;}	
#imageData #caption {font-weight: bold;}
#imageData #numberDisplay {display: block; clear: left; padding-bottom: 1.0em;}			
#imageData #bottomNavClose {width: 21px; height: 19px; float: right;  padding-bottom: 0.7em;}	
#overlay {position: absolute;	top: 0;	left: 0; z-index: 90; width: 100%; height: 500px;	background-color: #000;}

.hl {padding: 7px; border: 1px solid #92bb62; width: 140px; background: #c7dfaa; margin: 15px 0; float: left;}



/* Seznam s obrazky
----------------------------------------------- */
#seznam-img li {line-height: 2.5em; font-size: 0.75em; list-style: none;}
#seznam-img li a {padding-left: 25px;}

#seznam-img li.ext-pdf {background: url("../images/ext_pdf.png") 0 7px no-repeat;}