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

/* *** *** SPLASHBOX *** *** */
.splashBox {position: relative; margin-bottom: 20px; margin-top: 10px; border-bottom: 1px solid #ccc; padding-bottom: 10px; width: 580px;}
img.splash {width: 100px; height: 70px; margin-right: 15px; margin-top: 4px; float: left;}
ul.productList {position: relative; margin: 0; padding: 0; list-style-type: none; line-height: 110%;}
ul.productList li {margin: 0; padding: 0px 0;}
ul.productList strong {font-size: 1.0em;}
.versionBox {position: absolute; bottom: 0px; left: 115px; margin: 0; padding: 0; width: 260px; height: 36px;}
table.tableProductList {margin: 0; padding: 0; width: 100%; border-collapse: collapse;}
table.tableProductList td {padding: 0px 0px 4px 0px; text-align: center; font-weight: bold;}
table.tableProductList a, table.tableProductList a:link, table.tableProductList a:visited {color: #ED6E00;}

/* *** *** IKONY *** *** */
.iconProduct {display: block; position: absolute; top: 38px; width: 40px; height: 40px;}
a.iconEsd {background: url(/__img/icons/icon_duo_esd.gif) no-repeat -40px 0px; right: 150px;}
a:hover.iconEsd {background: url(/__img/icons/icon_duo_esd.gif) no-repeat 0px; 0px;}
a.iconShop {background: url(/__img/icons/icon_shop_duo2.gif) no-repeat -40px 0px; right: 100px;}
a:hover.iconShop {background: url(/__img/icons/icon_shop_duo2.gif) no-repeat 0px; 0px;}
a.iconDownload {background: url(/__img/icons/icon_download_duo2.gif) no-repeat -40px 0px; right: 50px;}
a:hover.iconDownload {background: url(/__img/icons/icon_download_duo2.gif) no-repeat 0px; 0px;}
a.iconInfo {background: url(/__img/icons/icon_info_duo2.gif) no-repeat -40px 0px; right: 0px;}
a:hover.iconInfo {background: url(/__img/icons/icon_info_duo2.gif) no-repeat 0px; 0px;}

/* <div class="iconDuo iconDuoPen"><a href="" class="icon iconPen"></a></div> */
.iconDuo {width: 40px; height: 40px;}
a.icon {display: block; width: 40px; height: 40px; text-decoration: none;}
a:hover.icon {background-image: none;}
.iconDuoPen {background: url(/__img/icons/icon_pen_duo_v.gif) no-repeat 0px -40px;}
a.iconPen {background: url(/__img/icons/icon_pen_duo_v.gif) no-repeat 0px 0px;}
a.iconPen p {margin: 0px 0 0 45px; color: #666; font-weight: bold; font-size: 11px; padding-top: 12px;}
a.iconPen:hover p {color: #ED6E00;}
.iconDuoAward {background: url(/__img/icons/icon_duo_award.gif) no-repeat 0px -40px;}
a.iconAward {background: url(/__img/icons/icon_duo_award.gif) no-repeat 0px 0px;}
a.iconAward p {margin: 0px 0 0 45px; color: #666; font-weight: bold; font-size: 11px; padding-top: 12px;}
a.iconAward:hover p {color: #ED6E00;}
.iconDuoTestimonial {background: url(/__img/icons/icon_testimonial_duo.gif) no-repeat 0px -40px;}
a.iconTestimonial {background: url(/__img/icons/icon_testimonial_duo.gif) no-repeat 0px 0px;}
a.iconTestimonial p {margin: 0px 0 0 45px; color: #666; font-weight: bold; font-size: 11px; padding-top: 12px;}
a.iconTestimonial:hover p {color: #ED6E00;}

.iconDuoBuynow {width: 150px; height: 50px; float: left; background: url(/__img/icons/icon_buynow_duo.gif) no-repeat -150px 0px;}
a.iconBuynow {display: block; width: 150px; height: 50px; text-decoration: none; background: url(/__img/icons/icon_buynow_duo.gif) no-repeat 0px 0px;}
a:hover.iconBuynow {background-image: none;}


.ClassicFreeBox {width: 120px; height: 115px; background: url(/__img/promotion/zps8classic_freedownload_02.gif) no-repeat 0px 0px;}
a.ClassicFree {display: block; width: 120px; height: 115px; background: url(/__img/promotion/zps8classic_freedownload_02.gif) no-repeat -120px 0px;}
a:hover.ClassicFree {background-image: none;}

a.buttonLike, a.buttonLike:link, a.buttonLike:visited  {display: block; background-color: white; font-weight: bold; color: #666; padding: 5px 10px; text-decoration: none; width: auto; font-size: 0.87em; text-align: center; border: 1px solid #808080;}
a.buttonLike:hover {color: #ED6E00; border: 1px solid #808080;}

/* *** *** *** VZHLED LANGUAGES *** *** *** */
.languages {margin-top: 20px; display: none;}
.languages a {display: block; width: 140px; height: auto; margin-bottom: 1em; text-decoration: none; font-weight: bold;}
.languages a:hover {color: #ED6E00;}
.iconFlag {float: left; margin-right: 8px;}


/* *** *** *** VZHLED SEARCH BOX *** *** *** */
.searchBox form {border: 0; margin: 0; margin-top: 40px; padding: 0; margin-bottom: 10px; padding-bottom: 20px; background: white url(/__img/bg/bg_searchBox.gif) repeat-x bottom left;}
.searchBox fieldset {border: 0; margin: 0; padding: 0;}
.inputSearchBox {width: 80px; border: 1px solid #ccc;}
.submitSearchBox {background-color: white; padding-left: 2px; width: 52px; font-size: 13px; margin: 0; color: #ED6E00; border: 0px solid #ccc; font-weight: bold; height: 20px; cursor: pointer;}

/* *** *** *** NAPSALI O NAS *** *** *** */
.napsaliList {width: 250px; float: right; border: 1px solid #ED6E00;}
.napsaliSpace {clear: right;}
.napsali ul {margin: 12px; padding-left: 0;}
.napsali li {border-left: 1px solid #ccc; list-style-type: none;}
.napsali p {position: relative; width: 310px;}
.napsali img {float: left; margin-right: 10px;}
.napsali h5 span {color: #808080; font-size: 0.87em;}


/* *** *** *** NAZORY UZIVATELU *** *** *** */
.nazoryObsah {margin-top: 20px; margin-right: 15px;}
.nazoryPodpis {text-align: right; font-style: italic; margin-right: 20px; padding-bottom: 15px; border-bottom: 1px dotted #ccc; color: #666;}


/* *** *** *** KONTAKTY *** *** *** */
.contactBox {float: left; border-right: 1px dotted #ccc; width: 180px; padding-right: 7px; margin-right: 15px; color: #666;}
.contactBoxLast {padding-right: 0; margin-right: 0; border: 0;}
.contactBox h5, .tableContact h5 {margin-top: 0; letter-spacing: 2px;}
.contactBox strong, .tableContact strong {color: #333;}
.contactBox p {font-size: 1em;}
table.tableContact {margin: 0; padding: 0; border-collapse: collapse;}
td.tableContactFirst {padding: 0px 10px 20px 0px; margin-left: 0px; vertical-align: top; width: 175px;}
td.tableContactSecond {border-left: 1px dotted #ccc; padding: 0px 10px 20px 10px; vertical-align: top; color: #666;}



/* *** *** *** CHANGE IMG *** *** *** */
#changeImg1, #changeImg2 {position: absolute; top: 16px; right: 5px; visibility: hidden;}

/* *** *** *** EDUCATION *** *** *** */
.educationSearchTitle {color: #ED6E00; font-size: 13px; letter-spacing: 4px; font-weight: bold; font-variant: small-caps; text-align: right; padding: 3px 0;}

form.education {margin-top: 0px; text-align: right;}
form.education fieldset {margin: 0 0 0 auto; padding: 0; border: 0;}
form.education select {width: 147px;}
form.education label {margin: 3px 0 3px auto; float: none; display: block; font-weight: bold; color: #666;}
form.education .inputSubmit {padding: 0px 10px; background-color: #F1F1F1; color: #ED6E00; font-size: 11px; width: 147px; margin: 15px 0 0 0px; font-variant: small-caps;}

table.educationCentre, table.awards {width: 98%; border-collapse: collapse; margin-top: 30px;}
table.educationCentre td.educationFirm {width: 110px; border-top: 1px dotted #ccc; text-align: right; font-weight: bold; font-size: 1em; vertical-align: top; border-right: 1px dotted #ccc; padding: 5px 5px 10px 0;}
table.educationCentre td.educationImg {width: 400px;}
table.educationCentre td.educationDesc {text-align: right; border-right: 1px dotted #ccc; font-weight: bold; color: #aaa; font-variant: small-caps; padding: 4px 5px 4px 0; vertical-align: top;}
table.educationCentre td.educationCont {border-bottom: 1px dotted #ccc; padding: 4px 0 4px 6px;}
table.educationCentre td.shopCont {border-bottom: 1px dotted #ccc; padding: 4px 0 4px 6px;}
td.shopCont a {background: url(/__img/icons/icon_link2.gif) no-repeat right 5px; padding-right: 20px;}
table.awards td.awardsDesc {padding: 8px 0 4px 10px; border-bottom: 1px dotted #ccc; vertical-align: top;}
table.awards td.awardsTitle {border-bottom: 1px dotted #ccc; padding: 4px 0 4px 10px; font-weight: bold; font-size: 1em; color: #ED6E00;}
table.awards .awardsDate {color: #999; font-size: 0.87em; text-align: right; margin-bottom: 8px;}
table.educationCentre a {text-decoration: none; font-weight: bold; color: #ED6E00;}
table.educationCentre a:link, table.educationCentre a:visited,table.educationCentre  a:action {text-decoration: none; font-weight: bold; color: #ED6E00;}
table.educationCentre a:hover {color: black;}
table.educationCentre td.educationImg {border-bottom: 1px dotted #ccc; text-align: right; vertical-align: bottom;}
table.awards td.awardsImg {width: 180px; border-top: 1px dotted #ccc; vertical-align: center; text-align: center; border-right: 1px dotted #ccc; padding: 10px 5px 0px 0;}
table.educationCentre img {margin: auto 5px 5px auto;}
table.awards img {margin: auto;}

/* *** *** SPODNI NAVIGACE *** *** */
.navigation {text-align: center; margin-top: 40px; margin-right: 40px; border-top: 1px solid #ccc; padding-top: 1px;}
.navigationLeft {float: left; border: 0px solid red; width: 100px; text-align: left;}
.navigationRight {float: right; border: 0px solid green; width: 100px; text-align: right;}
.navigation a, .navigation a:link, .navigation a:visited {color: #888; text-decoration: none;}
.navigation a:hover {color: #28470E;}


/* *** *** FASHION BOX *** *** */
.fashionBox {position: relative; background: white url(/__img/bg/bg_fashion.gif) repeat-y top left; border: 1px solid #ececec; height: auto;}
.fashionBox img {float: left; position: relative; border: 10px solid white;}
table.tableFashion {border-collapse: collapse; width: 580px; margin-top: 25px; border: 1px solid #ececec;}
table.tableFashion img {margin: 10px;}
table.tableFashion td.descFashion {background-color: #ececec; width: 450px; padding: 0px 10px 10px 20px; vertical-align: top;}
table.tableFashion td.orderFashion {background-color: #ececec; width: 30%; padding: 0px; vertical-align: bottom; color: #4B671E; font-weight: bold;}
.orderFashionBox, .priceFashionBox {border-top: 1px solid white; height: 22px; padding: 10px 10px 10px 20px; vertical-align: center;}
.priceFashionBox {padding-top: 15px; height: 17px;}
table.tableFashion h1 {color: #4B671E; border-bottom: 1px solid white;}
table.tableFashion .inputText {width: 50px; border: 1px solid #174381;}
.descFashionSize {color: #4B671E; padding-top: 7px; font-weight: bold;}



/* *** *** ZPS 8 LIST BOX *** *** */
ul.listBoxZps {list-style-type: none; line-height: 150%; margin: 10px 0px 20px 0px; padding: 0px;}
li.listBoxZpsItem {padding: 0px 0 3px 22px; margin: 5px; line-height: 120%; background: url(/__img/icons/dot-zps8-green.gif) no-repeat 0px 0px;}
ul.listBoxZps li a, ul.listBoxZps li a:link {padding: 0px 0 3px 22px; margin: 5px; background: url(/__img/icons/dot-zps8-green.gif) no-repeat 0px 0px;}
ul.listBoxZps li.dark a, ul.listBoxZps li.dark a:link {text-decoration: underline; cursor: hand; cursor: pointer; padding: 0px 0 3px 22px; margin: 5px; background: white url(/__img/icons/dot-zps8-darkgreen.gif) no-repeat 0px 0px;}
ul.listBoxZps li a:visited, ul.listBoxZps li.dark a:visited {background: url(/__img/icons/dot-zps8-gray.gif) no-repeat 0px 0px;}
ul.listBoxZps li a:hover, ul.listBoxZps li.dark a:hover {background: url(/__img/icons/dot-zps8-orange.gif) no-repeat 0px 0px;}
ul.listBoxZps h5 {font-size: 13px;}

.mainPointsBox {position: relative;}
.mainPointsItem {position: absolute; top: 0px; right: 0px; width: 200px; height: 240px; background-color: white; visibility: hidden;}
.mainPointsItemContent {margin-left: 10px; padding: 10px 6px 10px 10px; height: 220px; border: 0px dotted #ccc; background-color: #E6EDDE;}
.mainPointsItemContent h4 {margin-top: 5px; font-size: 13px; color: #709534;}

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;}

/* *** *** EXTRA WINDOW *** *** */
body.extraWindow {background: none; background-color: white; font-size: 12px; margin: 5px 10px 10px 10px;}
.extraWindowNavigation {height: 23px; color: #666; margin-bottom: 2px;}
.extraWindowNavigationPrevious {display: block; float: left; width: 100px; padding: 2px 1px; background-color: #efefef; border: 1px solid #ccc; text-align: center; text-decoration: none;}
a.extraWindowNavigationPrevious {display: block; float: left; width: 100px; padding: 2px 1px; background-color: #E6EDDE; border: 1px solid #709534; text-align: center; text-decoration: none;}
a:hover.extraWindowNavigationPrevious {background-color: white;}
.extraWindowNavigationLast {display: block; float: right; width: 100px; padding: 2px 1px; background-color: #efefef; border: 1px solid #ccc; text-align: center; text-decoration: none;}
a.extraWindowNavigationLast {display: block; float: right; width: 100px; padding: 2px 1px; background-color: #E6EDDE; border: 1px solid #709534; text-align: center; text-decoration: none;}
a:hover.extraWindowNavigationLast {background-color: white;}
a.extraWindowNavigationClose {display: block; margin: auto; width: 100px; padding: 2px 1px; background-color: #E6EDDE; border: 1px solid #709534; text-align: center; text-decoration: none;}
a:hover.extraWindowNavigationClose {background-color: white;}
.extraWindowDesc {padding: 5px 0px 5px 0px; color: #666; text-align: left;}
.extraWindowContent {text-align: left; margin-top: 2px; font-size: 1.2em; _height: 460px; min-height: 450px; background: white url(/__img/bg/bg_prechod_svisly_sedy.gif) repeat-x bottom left; border: 1px solid #ccc; padding: 10px;}

/* *** *** POROVNANI VERZI *** *** */
.compareVersion {border: 1px solid #ccc; padding: 10px 0 15px 10px; background: white url(/__img/bg/prechod_svisly_sedy.gif) repeat-x bottom left; }
.compareVersion form {margin: 0; padding: 0;}
.compareVersion table {width: 574px;}
.compareVersion table, .compareVersion td {border-collapse: collapse; border: 0px solid red;}
.compareVersion select {width: 186px; font-weight: bold;}

/* *** *** EDIT BOX *** *** */
.editBoxItem {height: 80px; margin: 15px 0; background: white; border: 1px solid #709534;}
.editBoxItemDeactive {border: 1px solid #ccc;}
.editBoxItemContent {height: 62px; padding: 10px;}
.editBoxItem a {display: block; text-decoration: none; height: 55px; padding: 10px;}
.editBoxItem img {float: right; margin-left: 15px; border: 1px solid #666;}
img.sipka {border: 0;}
.editBoxItem h5 {padding: 0px 0 3px 22px; margin: 0px; background: transparent url(/__img/icons/dot-zps8-darkgreen.gif) no-repeat 0px 0px;}
.editBoxItemNew h5 {background: transparent url(/__img/icons/dot-zps8-orange.gif) no-repeat 0px 0px; color: #ED6E00;}


/* *** *** NAPOVEDA NA MYS PRES CSS *** *** */
a.bonusPack, a.bonusPackLink:link, a.bonusPackLink:visited {position: relative; text-decoration: none;}
a.bonusPackLink .bonusPack, a.bonusPackLink .bonusPack:link, a.bonusPackLink .bonusPack:visited {position: absolute; padding: 5px; width: 300px; color: white; border: 10px solid white; background-color: #EE6E00; left: 102px; top: -2px; display: none;}
a.bonusPackLink:hover {position: relative; filter: none;}
a.bonusPackLink:hover .bonusPack {display: block; filter: none; min-width: 150px;}


/* *** *** zoner.com specific document rules. *** *** */

.contactBoxLeft {font-size: 90%; border-right: 1px dotted #ccc; float: left; width: 140px; margin-right: 5px;}
.contactBoxRight {font-size: 90%;}

a.buttonLike, a.buttonLike:link, a.buttonLike:visited  {display: block; background-color: white; font-weight: bold; color: #666; padding: 5px 10px; text-decoration: none; width: auto; font-size: 0.87em; text-align: center; border: 1px solid #ED6E00;}
a.buttonLike:hover {color: #ED6E00; border: 1px solid #ED6E00;}

.orderFlag {float: left; margin: 2px 5px 0 0;}


.searchList {border: 1px solid #ccc; padding: 5px; margin: 5px;}