/* *** *** sofware.zoner.cz specific document rules. *** *** */

/* *** *** ZAKLADNI TAGY DOKUMENTU *** *** */
html, body {height: 100%;}
body {color: black; text-align: center; font-family: Verdana, "Arial CE", "Helvetica CE", sans-serif;
      margin: 0; padding: 0; background: white url(/__img/bg/bg_body.gif) no-repeat center 0px;}
body.callistoLight {background: #E7F1F9;}
/*.printBody {color: black; font-family: serif; background-color: white; font-size: 13pt; text-align: left; padding: 20px;}*/
.all {position: relative; text-align: left; background-color: white; width: 760px; margin: 0 auto; padding: 0; border-top: 1px solid black;}
.all .content {margin: 0px 0px 30px 0px; padding: 0; padding-top: 15px; background: white url(/__img/bg/bg_main.gif) repeat-x 0px 0px;}
.leftColumn {position: relative; float: left; width: 170px; margin: 0; padding: 0; border: 0;}
.main {position: relative; width: 587px; margin: 0; margin-left: 170px; padding: 0;}
.middleColumn {position: relative; float: left; width: 430px; margin: 0; padding: 0;}
.rightColumn {position: relative; float: right; width: 140px; margin: 0; margin-left: 0px; padding: 0;}
.searchBox {position: relative; float: right; width: 140px; margin: 0; margin-left: 0px; padding: 0;}
.bottom {position: relative; clear: both; text-align: center; color: #666; width: 760px; height: 40px; margin: 0px auto; padding-top: 10px; border-top: 1px dotted #ccc;}

.clear {position: relative; clear: both; font-size: 0px; height: 0px;}
.noDisplay {display: none;}
img {display: block; border: 0;}
img.splash {width: 100px; height: 70px; margin-right: 15px; margin-top: 3px;}
.screenImgThumb {margin-bottom: 15px;}
.screenImgTable {width: 100%;}
.screenImgTable td {vertical-align: top;}


a, a:visited, a:link {color: #28470E;}
a:hover {text-decoration: none; color: #ED6E00;}

.hp a, .hp a:visited, .hp a:link {color: #709534; text-decoration: none;}
.hp a:hover {text-decoration: underline; color: #ED6E00;}

a.ins, a.ins:visited, a.ins:link {color: #ED6E00;}

a .linkArrow, a:link .linkArrow {background: url(/__img/icons/icon_link_green.gif) no-repeat 0px 5px; width: 10px; text-decoration: none;}
a:visited .linkArrow {background: url(/__img/icons/icon_link_gray.gif) no-repeat 0px 5px; width: 10px; text-decoration: none;}
a:hover .linkArrow {background: url(/__img/icons/icon_link2.gif) no-repeat 0px 5px; width: 10px; text-decoration: none;}

/* *** *** FONT-SIZE *** *** */
body {font-size: small;}
/* body {font-size: x-small;} */ /* pro testovani nizsich IE nez 6 */
p, li, td, .colorBox, .news .date, .contactBox, .navigation, .mainPointsItemContent, .leftMenu, .extraWindowDesc  {font-size: 0.83em;}
h1 {font-size: 1.3em;}
h2, h3, code {font-size: 1.1em;}
.pozn, .bottom, .rightMenu, table.tableSupport td, .nav, .navNormal, .navLast, ul.productList li, table.tableProductList td{font-size: 0.78em;}
table.noFormat td, {font-size: 1em;}
.colorBox li {font-size: 1em;}
h4, h5 {font-size: 1em;}
/* pevna velikost fontu */
.topTitle {font-size: 56px;}
.menuItem2, .blackDeath, .topItem, .inputSubmit, form .pozn, .inputSubmitDisabled, .inputSubmitIns {font-size: 10px;}
form td, .navNormal, .navLast, .languages, .menuItem {font-size: 11px;}
form, form p, table.tableVersion td, .tableVersionLink {font-size: 12px;}
.tableVersionLink {font-size: 13px;} 
.tableVersionLink .rollArrow {font-size: 10px; padding-left: 5px;}
.hp p, .hp li {font-size: 12px;}

/* *** *** FORMATOVANI OBSAHU *** *** */
.hp {position: relative;}
p {position: relative; margin: 0 0 0.63em 0;}
h1 {margin: 1em 0 .83em 0;}
h2, h3, h4, h5 {margin: 1.33em 0 .63em 0;}
h3, code {color: #709534;}
h3, h2 {border-bottom: 1px solid #ccc;}
h1 {letter-spacing: 3px;}
.pozn, .pozn a, .pozn a:link, .pozn a:visited, .inlineMenu, .inlineMenu a, .inlineMenu a:link, .inlineMenu a:visited {color: #666;}
.nav, a.nav, a:visited.nav, a:link.nav {display: block; text-decoration: none; color: #666; margin-top: -10px; text-align: right;}
a:hover.nav, .inlineMenu a:hover {color: #ED6E00;}
.ins {color: #ED6E00;}
code {font-family: monospace;}
.colorBox {position: relative; clear: both; margin: 30px 0 20px 0; padding: 6px; border: 1px solid #ccc; background-color: #FbFbFb;}
.colorBox2 {margin: 30px 0 20px 0; padding: 6px; border: 1px solid #ccc; background-color: #FbFbFb;}
.contentColorBox {line-height: 180%; font-weight: bold;}
a.tutorialBoxHP,  a:link.tutorialBoxHP,  a:visited.tutorialBoxHP {display: block; margin: 15px 0; padding: 23px 3px 3px 4px; width: 103px; border: 1px solid #ccc; 
        background: #FbFbFb url(/__img/bg/bg_tutorial.gif) no-repeat top left; color: #aaa; font-variant: small-caps; font-size: 11px; letter-spacing: 1px; font-weight: bold; text-decoration: none;}
a:hover.tutorialBoxHP {color: #ED6E00; background-color: white;}
.under {border: 1px solid white; border-bottom: 1px dotted #ccc; width: 110px; font-size: 0px; margin-bottom: 7px;}
.underPhotostudio {border: 1px solid #FFF1E5; border-bottom: 1px dotted #FFB16D; width: 100px; font-size: 0px; margin-bottom: 7px;}
.date {color: #808080;}
.news .date {float: left; width: 85px; text-align: right;}
.popupWindow {text-align: left; margin: 10px; padding: 10px; border: 1px solid #FFB16D;}
.popupWindow2 {text-align: left; margin: 10px; padding: 10px; border: 1px solid #005FAD;}
.long {width: 576px;}
p.inlineMenu {text-align: right;}
p.noMarginBottom {margin-bottom: 3px;}
p.warningBox {border: 1px dotted #ED6E00; padding: 10px;}
ul {margin-top: 0.5em;}
ul.arrow {position: relative; margin-top: 1.2em; border-left: 1px solid #808080; list-style-type: none; margin-left: 0px; padding-left: 0;}
/* odrazka je pak <span style="color: #808080;">---></span>&nbsp;&nbsp; */
ul.arrow2 {position: relative; margin: 0; padding: 0; border-left: 1px solid #808080; list-style-type: none; line-height: 150%;}
ol {margin-top: 0.5em; padding-left: 0px; margin-left: 30px; font-weight: bold; line-height: 150%;}
ol li span {font-weight: normal; color: black; margin-top: 1.2em;}

.navNormal a, .navNormal a:link, .navNormal a:visited {text-decoration: none; background-color: #E6EDDE; color: #666; font-weight: bold; display: block; padding: 2px 5px;}
.navNormal a:hover {color: #ED6E00; background-color: white;}
.navNormal {float: left; background-color: white; border: 0px solid white;}
.navLast {padding: 2px 5px; background-color: white; border: 0px solid white; color: #666; }


/* *** *** CERNY PRUH *** *** */
.blackDeath {position: absolute; top: 0px; color: white; text-align: left; font-weight: bold;
             width: 760px; height: 30px; margin: 0 auto; padding: 0px; padding-top: 1px;}
.blackDeath a, .blackDeath a:link, .blackDeath a:visited {color: #f6c433; text-decoration: none;}
.blackDeath a:hover {color: white;}
.languageSelectForm {margin: 0; float: right; padding: 0; width: auto;}
.languageSelectOption {background-color: #FbFbFb; color: #345E12;}


/* *** *** TOP *** *** */
.top {position: relative; background: white url(/__img/bg/bg_top.png) no-repeat 0px 0px; text-align: center; width: 760px; height: 105px;}
.logo {position: absolute; width: 145px; height: 54px; top: 24px; left: -27px;}
.logoZPS {position: absolute; width: 200px; height: 37px; top: 40px; right: 6px;}
.topTitle {color: #f1f1f1; font-weight: bold; text-align: right; letter-spacing: 3px; margin-top: 2px; display: none;}


a.noUnder {text-decoration: none;}
a.noUnder:hover {text-decoration: underline;}



/* ********** FORMATOVANI MENU ********** */
#menuHolder {position: absolute; top: 80px; right: 0px; font-weight: bold; text-align: center; width: 760px; height: 29px; 
             margin: 0; z-index: 2; background: white url(/__img/bg/bg_menu.gif) repeat-x 0px 24px;}
/*.menuBorder {position: absolute; top: 18px; height: 6px; width: 100%; z-index: 2;}*/
table.tableMenu {width: 100%; margin: 0; margin-top: 5px; padding: 0px; border-collapse: collapse;}
table.tableMenu td {padding-right: 2px;}
#hiddenMenu1, #hiddenMenu2, #hiddenMenu3, #hiddenMenu4, #hiddenMenu5, #hiddenMenu6, #hiddenMenu7 {position: absolute; visibility: hidden; top: 24px; width: 160px; border: 1px solid #2F5610; padding: 3px 5px;}
#hiddenMenu1 {left: 0px;} 
#hiddenMenu2 {left: 126px;}
#hiddenMenu3 {left: 256px;}
#hiddenMenu4 {left: 358px;}
#hiddenMenu5 {left: 510px;}
#hiddenMenu6 {left: 651px;}

.menuItem {width: 100%; border: 1px solid white; color: black; background-color: white; border: 0; cursor: hand; cursor: pointer; font-variant: small-caps; letter-spacing: 2px;}
.subMenuItem {position: absolute; color: #2F5610; background-color: white; border: 0; cursor: hand; cursor: pointer; text-align: left;}

a.menuItem , a:visited.menuItem , a:link.menuItem  {display: block; color: black; text-decoration: none; border: 1px solid white;}
a:hover.menuItem  {color: /*#709534*/#ED6E00;}
.subMenuItem a, .subMenuItem a:visited, .subMenuItem a:link {display: block; width: 100%; padding: 2px; padding-left: 5px; border-top: 0px solid #f4f4f4; color: #2F5610; text-decoration: none;}
.subMenuItem>a, .subMenuItem>a:visited, .subMenuItem>a:link {width: auto;}
.subMenuItem a:hover {color: #ED6E00;}
a.menuItemIns, a:visited.menuItemIns, a:link.menuItemIns  {height: 17px; background-color: #E6EDDE; border: 1px solid #99CF16; padding-top: 4px; border-bottom: 0px;}

/* *** *** *** VZHLED LEVEHO MENU *** *** *** */
.leftMenu {position: relative; color: black; height: auto; margin: 0 0 0px 0;}
.leftMenuTitle {color: #333; font-size: 11px; font-weight: bold; font-variant: small-caps; text-align: right; margin: 0px 14px 8px 0; letter-spacing: 1px;}
.leftMenuContent a {display: block; background: url(../__img/bg/bg_leftMenu.gif) repeat-y; text-align: right; padding: 4px 10px 4px 0px; margin: 0 17px 1px 0; color: #333; background-color: transparent; border-right: 6px solid #ccc; text-decoration: none; border-top: 1px solid #ccc;}
.leftMenuContent a:visited, .leftMenuContent a:link {color: black;}
.leftMenuContent a:hover {border-right: 6px solid #ED6E00; color: #ED6E00; background: none; background-color: white;}
.leftMenuContent a.subItem {border-top: 0; margin: 0;  padding: 2px 10px 2px 5px; background: none; background-color: white; border-right: 6px solid white;}
.leftMenuContent a:hover.subItem {border-right: 6px solid #ED6E00; background-color: white; color: #ED6E00;}
.leftMenuContent div {display: none; border: 1px solid #ccc; padding: 5px 0; margin-right: 17px; background-color: white; border-bottom: 0px;}
.leftMenuContent .lastItem {border-bottom: 1px solid #ccc; margin-bottom: 10px;}
.leftMenuIcons {position: relative; right: 20px; height: 50px; margin-left: 17px;}
.leftMenuIcons .iconProduct {top: 0px;}
.leftBox {margin-right: 17px;  margin-top: 15px; font-size: 11px; text-align: right; border: 1px solid #709534; padding: 10px 8px; background-color: #E6EDDE;}
.leftBox h5 {margin-top: 0px; margin-bottom: 6px; font-variant: small-caps; letter-spacing: 1px; font-size: 12px;}
.leftBox a, .leftBox a:link, .leftBox a:visited  {text-decoration: none; color: #666;}
.leftBox a:hover {color: black;}

/*.basicDot a, .basicDot a:link, .basicDot a:visited {background: url(/__img/icons/icon_menu_basic.gif) no-repeat top left;}*/
a.samostatnyOdkaz, a:link.samostatnyOdkaz, a:visited.samostatnyOdkaz {display: block; margin: 10px 0; color: #666; text-align: center; font-weight: bold; font-size: 11px; border: 1px dotted #ccc; text-decoration: none; padding: 5px;}
a:hover.samostatnyOdkaz {color: #ED6E00; border: 1px dotted #ED6E00; background-color: #FbFbFb;}
.rollArrow, a .rollArrow, a:link .rollArrow, a:visited .rollArrow  {text-decoration: none;}
a:hover .rollArrow {color: #ED6E00; text-decoration: none;}



/* *** *** *** VZHLED PRAVEHO SLOUPCE *** *** *** */
.rightMenu {position: relative; color: black; background-color: white; width: 140px; height: auto; margin-bottom: 1.5em;}
.rightMenuTitle {color: #063478; font-weight: bold; text-align: center; letter-spacing: 1px; 
                 width: 140px; height: 17px; border: 1px solid #ccc;}
.rightMenuTitle a, .rightMenuTitle a:visited, .rightMenuTitle a:link {display: block; width: 130px; height: 16px; padding-top: 2px; text-decoration: none; color: #ED6E00;}
.rightMenuTitle a:hover {background-color: #ED6E00; color: white}
.rightMenuTitle2 {background-color: #ED6E00; color: white; font-weight: bold; text-align: center; letter-spacing: 1px; 
                 width: 140px; height: 17px; border: 1px solid #ccc;}
.rightMenuTitle2 a, .rightMenuTitle2 a:link, .rightMenuTitle2 a:visited {display: block; width: 130px; height: 16px; padding-top: 2px; text-decoration: none; color: white}
.rightMenuTitle2 a:hover {background-color: white; color: #ED6E00;}
.rightMenuBox {position: relative; width: 140px; height: auto; border: 1px solid #ccc; border-top: 1px solid #ccc; margin-top: -1px; }
.rightMenuBox a, .rightMenuBox a:visited, .rightMenuBox a:link {font-weight: bold; color: #666666; text-decoration: none;}
.rightMenuBox a:hover {color: #ED6E00; text-decoration: none;}
.rightMenuItem {position: relative; background-image: url(/__img/icons/icon_menu_orange.gif); background-repeat: no-repeat; background-position: top left;
               height: auto; width: auto; padding: 0; margin: 5px 0 5px 4px;}
.rightMenuItem a {display: block; width: 80px; height: auto; margin-left: 10px;}
.rightMenuItem a, .rightMenuItem a:visited, .rightMenuItem a:link {font-weight: bold; color: #666666; text-decoration: underline;}
.rightMenuItem a:hover {color: #ED6E00; text-decoration: none;}
.rightMenuPrice {position: absolute; right: 3px; top: 0; color: #333;}


/* *** *** FORMATOVANI TABULEK *** *** */
table, td, table.nav, table.nav td, table.noFormat, table.noFormat td {margin: 0; padding: 0; border: 0;}
table td.cellRight {text-align: right;}
table td.cellCenter {text-align: center;}
table.tableSupport td, table.tablePatch td, table.tableReferers td, table.tableRegistrationData td {border: 1px solid #eee; padding: 4px; padding-left: 5px;}
table.tableSupport, table.tablePatch {margin: 0; padding: 0; width: 430px; border-collapse: collapse; border: 1px solid #ccc; background-color: #fbfbfb;}
table.tableReferers {margin: 0; padding: 0; width: 99%; border-collapse: collapse; border: 1px solid #ccc; background-color: #fbfbfb;}
table.tableRegistrationData td {border: 0px solid #f1f1f1; padding: 10px 6px 6px 10px;}
table.tableRegistrationData {margin: 10px 0; padding: 0;  border-collapse: collapse; border: 1px solid #f1f1f1;}
table.tableVersion {border-collapse: collapse; width: 99%;}
table.tableVersion td {padding: 4px; padding-left: 5px;}
.tableVersionLink {padding-left: 12px; font-weight: bold; line-height: 120%; font-variant: small-caps; letter-spacing: 0px; text-decoration: none;}
table.tableVersion .ins {font-weight: bold;}
td.tableVersionItem {width: 260px;}
td.tableVersionTick {width: 80px;}
table.tableSupport thead {font-weight: bold; height: 18px;}
table.tableSupport a.ins, table.tablePatch a.ins {font-weight: bold; color: #ED6E00;}
table.tableReferers thead {font-weight: bold; height: 18px; font-variant: small-caps;}
table.tableReferers td.cellFilter {background-color: #f1f1f1; color: #333;}
table.tableReferers td.admin {font-weight: normal; font-variant: normal; border: 0;}
table.tableReferers .cellHeader {color: #ED6E00; font-weight: bold;}
table.tableLogos {margin: 0; padding: 0; margin-top: 20px; width: 500px; border-collapse: collapse; text-align: center;}
table.tableLogos td {border: 1px solid #ccc; padding: 5px;}
table.tableLogos thead {color: #666;}
table.tableLogos .box1 {width: 216px;}
table.tableLogos .box2 {width: 100px;}
table.tableLogos .box3 {width: 100px;}
table.tableLogos .box4 {width: 100px;}

/* *** *** *** VZHLED FORMULARU *** *** *** */

form {margin: 0px; padding: 0px; margin-bottom: 30px;}
form fieldset {padding: 10px; margin-top: 10px; border: 1px solid #808080;}
form legend {border: 1px solid #808080; padding: 3px 5px; text-align: right; color: black; font-weight: bold;}
form p {margin: 10px 0 0 0;}
form p.pozn {text-align: right;}
form label {float: left; width: 110px; margin-top: 3px; text-align: right; padding-right: 10px;}
form label2 {float: left; width: 250px; margin-top: 3px; text-align: right; padding-right: 10px;}
form .inputText {border: 1px solid #808080; width: 250px;}
form select {width: 250px;}
form textarea {border: 1px solid #808080; width: 250px;}
form .boxSubmit {text-align: right; margin-top: 20px;}
.inputSubmit {background-color: #efefef; font-size: 11px; padding: 2px 10px 2px 10px; letter-spacing: 1px; color: #709534; border: 1px solid #ccc; font-weight: bold; cursor: pointer;}
.inputSubmitDisabled {background-color: #efefef; font-size: 11px; padding: 2px 10px 2px 10px; letter-spacing: 1px; color: #666; border: 1px solid #ccc; font-weight: bold; cursor: none;}
.inputSubmitIns {background-color: #ED6E00; font-size: 11px; padding: 2px 10px 2px 10px; letter-spacing: 1px; color: white; border: 1px solid #FFF1E5; font-weight: bold; cursor: pointer;}



form.green fieldset {border: 1px solid #396107;}
form.green legend {border: 1px solid #396107; color: #396107;}
form.green .inputText {border: 1px solid #396107;}
form.green textarea {border: 1px solid #396107;}
form.green .inputSubmit {background-color: #396107; color: white;}

form.orange legend {color: #ED6E00;}
form.orange .inputSubmit {background-color: #ED6E00; color: white;}



/* *** *** *** FORMATOVANI OBJEDNAVEK - kvuli ladeni zopakovany i obecne vlastnosti form a table *** *** *** */
form.formOrder {margin: 0px; padding: 0px; margin-bottom: 30px;}
form.formOrder fieldset {position: relative; width: 530px; padding: 10px; margin-top: 10px; border: 1px solid #808080;}
form.formOrder legend {border: 1px solid #808080; padding: 3px 5px; text-align: right; color: black; font-weight: bold;}
form.formOrder label {float: left; width: 170px; margin-top: 3px; text-align: right; padding-right: 10px;}
form.formOrder p {margin: 10px 0 0 0;}
form.formOrder p.pozn {text-align: right; margin-right: 30px;}
form.formOrder .inputText {border: 1px solid #808080; width: 312px;}
form.formOrder textarea {width: 310px;}
form.formOrder select {border: 1px solid #808080; width: 314px;}
form.formOrder .boxSubmit {text-align: right; margin-top: 20px;}
form.formOrder .inputSubmit {background-color: #efefef; padding: 2px 10px 2px 10px; letter-spacing: 1px; color: #ED6E00; border: 1px solid #ccc; font-weight: bold; cursor: pointer; margin-right: 38px;}

table.tableOrder td {border: 1px solid #eee; padding: 4px; padding-left: 5px; margin: 0;}
table.tableOrder {margin: 0; margin-top: 15px; padding: 0; width: 576px; border-collapse: collapse; border: 1px solid #ccc; background-color: #fbfbfb;}
table.tableOrder thead {font-weight: bold; height: 18px;}
table.tableOrder span.ins {font-weight: bold; color: #ED6E00;}
td.tableOrderSubtitle {letter-spacing: 3px; font-variant: small-caps; font-weight: bold; color: #666; height: 30px;}
.tableOrderInput {border: 1px solid #666; margin-top: 4px;}

/* *** *** BARVY PRODUKTU *** *** */
.photostudioDark, .photostudioDark a, .photostudioDark a:link, .photostudioDark a:visited {color: #709534;}
.photostudio7Dark, .photostudio7Dark a, .photostudio7Dark a:link, .photostudio7Dark a:visited {color: #ED6E00;}
.zme6Dark, .zme6Dark a, .zme6Dark a:link, .zme6Dark a:visited {color: #277594}
.zme5Dark, .zme5Dark a, .zme5Dark a:link, .zme5Dark a:visited {color: #DCA300}
.photostudioMid, .photostudioMid a, .photostudioMid a:link, .photostudioMid a:visited {color: #FFB16D;}
.photostudioLight {background-color: #E6EDDE;}
.photostudio7Light {background-color: #FFF1E5;}
.photoclientDark, .photoclientDark a, .photoclientDark a:link, .photoclientDark a:visited {color: #396107;}
.photoclientMid, .photoclientMid a, .photoclientMid a:link, .photoclientMid a:visited {color: #6FB31A;}
.photoclientLight {background-color: #F1FFE0;}
.callistoDark, .callistoDark a, .callistoDark a:link, .callistoDark a:visited {color: #005FAD;}
.callistoMid, .callistoMid a, .callistoMid a:link, .callistoMid a:visited {color: #005FAD;}
.callistoLight {background-color: #E7F1F9;}
.animatorDark, .animatorDark a, .animatorDark a:link, .animatorDark a:visited {color: #D00A59;}
.animatorMid, .animatorMid a, .animatorMid a:link, .animatorMid a:visited {color: #D00A59;}
.animatorLight {background-color: #FCF2F6;}
.contextDark, .contextDark a, .contextDark a:link, .contextDark a:visited {color: #5E0574;}
.contextMid, .contextMid a, .contextMid a:link, .contextMid a:visited {color: #750791;}
.contextLight {background-color: #FDF4FF;}
.barcodeDark, .barcodeDark a, .barcodeDark a:link, .barcodeDark a:visited {color: #22A1AF;}
.barcodeMid, .barcodeMid a, .barcodeMid a:link, .barcodeMid a:visited {color: #27C1D2;}
.barcodeLight {background-color: #EAFCFF;}
.photoprintDark, .photoprintDark a, .photoprintDark a:visited, .photoprintDark a:link {color: #F11C00}
.photoprintLight{background-color: #FFF0ED;}
.webgalleryDark, .webgalleryDark a, .webgalleryDark a:visited, .webgalleryDark a:link {color: #3182B4;}
.webgalleryLight {background-color: #EAF7FF;}
.photomakerRed, .photomakerRed a, .photomakerRed a:visited, .photomakerRed a:link {color: #FF1900;}
.photomakerBlue, .photomakerBlue a, .photomakerBlue a:visited, .photomakerBlue a:link {color: #49C5E4;}
.photomakerLight {background-color: #D7F6FD;}