/* 
    Document   : pleas.css
    Created on : 16.5.2010, 0:21:55
    Author     : Ontran Technologies s.r.o. http://www.ontran.cz
    Description:
        Basic layout and template elements of www.pleas.cz.
        This stylesheet is based on tripoli resetting css framework.
*/

/* site wide settings */
body {
    font-family: Arial, Helvetica, sans-serif;
}
a {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
body,
a,
a:visited,
a:hover,
a:active,
a:link {
    color: #868688;
}
h1 {
    font-size: 150%;
}
h2 {
    font-size: 130%;
}
h3 {
    font-size: 130%;
}
h4 {
    font-size: 120%;
}
h1, h2, h3, h4 {
    padding-top: 1em;
    padding-bottom: 0.5em;
    color: #cd003d;
}
b, strong {
    font-weight: bold;
}
i, em {
    font-style: italic;
}
strong, em {
    color: #cd003d;
}
p {
    padding: 3px 0;
}
.fly-away {
    position: absolute;
    left: -10000px;
}
div.terminator {
    clear: both;
    height: 1px; /* is 0px ok? */
    overflow: hidden;
}
.do-not-display {
    display: none;
}

/* main container */
div.body {
    width: 542px;
    margin-left: auto;
    margin-right: auto;
    /*background-color: #eeeeff;*/
    overflow: visible;
    font-size: 110%;
}

/* top menu */
div.top-menu {
    width: 642px;
    height: 30px;
    font-size: 110%;
}
div.top-menu div.grey-box {
    float: left;
    background-color: #868688;
    width: 542px;
    height: 30px;
}
div.top-menu div.red-box {
    float: left;
    width: 12px;
    height: 30px;
    overflow: hidden;
    background-color: #cd003d;
    border-right: 1px solid #b14164;
}

div.top-menu div.link-container {
    padding-top: 9px;
    text-align: right;

}
div.top-menu div.link-container a,
div.top-menu div.link-container a:visited,
div.top-menu div.link-container a:hover,
div.top-menu div.link-container a:active,
div.top-menu div.link-container a:link {
    color: #ffffff;
}
div.top-menu div.link-container a {
    margin-right: 25px;
}
div.top-menu div.language-selection {
    display: none; /* display none until other languages is ready */
    float:right;
    width: 85px;
    height: 21px;
    padding: 9px 0 0 15px;
}

/* top promo block */
div.top-promo {
    width: 542px;
    height: 100px;
}
div.top-promo div.logo-box {
    float: left;
    width: 100px;
    margin-top: 17px;
}
div.top-promo div.quality-text {
    float: right;
    width: 300px;
    text-align: right;
    margin-top: 29px;
    font-size: 145%;
}

/* footer */
div.footer {
    width: 542px;
    border-top: 1px solid #868688;
    font-size: 85%;
    padding-top: 4px;
    margin: 0 0 30px 0;
}
div.footer div.copyright {
    float: left;
    width: 180px;
}
div.footer div.link-container {
    text-align: right;
}
div.footer div.link-container a {
    margin-left: 15px;
}

/* MainContent block */
div.main-content {
    width: 542px;
    min-height: 300px;
    overflow: visible;
}

/* home.html specific style */
div.main-content div.home-content {
    position: relative;
    width: 700px;
    height: 495px;
    right: 79px;
    overflow: visible;
}
div.main-content div.home-content div.absolute-pivot {
    position: absolute;
    width: 700px;
    height: 495px;
    z-index: 10;
}
div.home-content div.absolute-pivot img.katalog {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 20;
}
div.home-content div.absolute-pivot img.eshop {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 20;
}
div.home-content div.absolute-pivot img.quality-stamp {
    position: absolute;
    right: 205px;
    bottom: 0;
    z-index: 30;
}
div.home-content div.absolute-pivot div.pre-loading {
    position: absolute;
    width: 700px;
    height: 495px;
    z-index: 50;
    background-color: #ffffff;
}
div.home-content div.absolute-pivot div.pre-loading div.pre-katalog {
    position: absolute;
    top: 0;
    left: 79px;
    width: 269px;
    height: 380px;
    border: 1px solid #868688;
}
div.home-content div.absolute-pivot div.pre-loading div.pre-katalog img.katalog-ico {
    position: absolute;
    top: 136px;
    left: -65px;
}
div.home-content div.absolute-pivot div.pre-loading div.pre-katalog div.katalog-red-rectangle {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 20px;
    height: 48px;
    background-color: #cd003d;
}
div.home-content div.absolute-pivot div.pre-loading div.pre-katalog div.katalog-label {
    position: absolute;
    bottom: 0;
    left: 20px;
    width: 120px;
    height: 38px;
    font-size: 250%;
    background-color: #868688;
    padding: 10px 15px 0 15px;
    text-align: left;
}
div.home-content div.absolute-pivot div.pre-loading div.pre-eshop {
    position: absolute;
    top: 0;
    right: 79px;
    width: 270px;
    height: 380px;
    border: 1px solid #868688;
}
div.home-content div.absolute-pivot div.pre-loading div.pre-eshop img.eshop-ico {
    position: absolute;
    top: 136px;
    right: -65px;
}
div.home-content div.absolute-pivot div.pre-loading div.pre-eshop div.eshop-red-rectangle {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 20px;
    height: 48px;
    background-color: #cd003d;
}
div.home-content div.absolute-pivot div.pre-loading div.pre-eshop div.eshop-label {
    position: absolute;
    bottom: 0;
    right: 20px;
    width: 120px;
    height: 38px;
    font-size: 250%;
    background-color: #868688;
    padding: 10px 15px 0 15px;
    text-align: right;
}
div.home-content div.absolute-pivot div.pre-loading div.pre-eshop div.eshop-label a,
div.home-content div.absolute-pivot div.pre-loading div.pre-katalog div.katalog-label a {
    color: #ffffff;
}
div.home-content div.absolute-pivot div.pre-loading div.pre-eshop div.eshop-label a:hover,
div.home-content div.absolute-pivot div.pre-loading div.pre-katalog div.katalog-label a:hover {
    text-decoration: none;
}

/* o-nas.html specific style */
div.o-nas-content {
    margin-bottom: 20px;
    font-size: 110%;
}

/* katalog.html specific style */
div.katalog-content {
    position: relative;
    width: 726px;
    height: 477px;
    left: -185px;
    overflow: visible;
}
div.katalog-content div.absolute-pivot {
    position: absolute;
    width: 726px;
    height: 477px;
}
div.katalog-content div.absolute-pivot img.katalog-zeny {
    position: absolute;
    left: 529px;
    top: 0;
    z-index: 20;
}
div.katalog-content div.absolute-pivot img.katalog-muzi {
    position: absolute;
    left: 369px;
    top: 0;
    z-index: 20;
}
div.katalog-content div.absolute-pivot img.katalog-deti {
    position: absolute;
    left: 203px;
    top: 0;
    z-index: 20;
}
div.katalog-content div.absolute-pivot img.quality-stamp {
    position: absolute;
    right: -98px;
    bottom: 37px;
    z-index: 100;
}
div.katalog-content div.absolute-pivot div.katalog-download-box {
    position: absolute;
    left: 0;
    bottom: 37px;
    width: 185px;
    height: 250px;
    z-index: 30;
}
div.katalog-content div.absolute-pivot div.katalog-download-box img.katalog-basic-image {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 31;
}
div.katalog-content div.absolute-pivot div.katalog-download-box img.katalog-basic-ico {
    position: absolute;
    right: 0;
    top: 180px;
    z-index: 32;
}
div.katalog-content div.absolute-pivot div.katalog-download-box div.label {
    position: absolute;
    left: 0;
    top: 180px;
    width: 130px;
    text-align: right;
    font-size: 130%;
    padding: 8px 5px 0 0;
}
div.katalog-content div.absolute-pivot div.katalog-download-box div.label strong {
    font-size: 130%;
}
div.katalog-content div.absolute-pivot div.katalog-download-box div.label div.label-desc {
    margin-top: 8px;
    font-size: 90%;
}
div.katalog-content div.absolute-pivot div.pre-loading {
    position: absolute;
    right: 0;
    top: 0;
    width: 541px;
    height: 477px;
    z-index: 50;
    background-color: #ffffff;
}
div.katalog-content div.absolute-pivot div.pre-loading div.pre-katalog-zeny {
    position: absolute;
    right: -1px;
    top: 0px;
    width: 196px;
    height: 377px;
    border: 1px solid #868688;
}
div.katalog-content div.absolute-pivot div.pre-loading div.pre-katalog-zeny div.red-rectangle {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 20px;
    height: 46px;
    background-color: #cd003d;
}
div.katalog-content div.absolute-pivot div.pre-loading div.pre-katalog-zeny div.label {
    position: absolute;
    bottom: 0;
    left: 20px;
    width: 120px;
    height: 36px;
    font-size: 250%;
    background-color: #868688;
    padding: 10px 0 0 12px;
    text-align: left;
}
div.katalog-content div.absolute-pivot div.pre-loading div.pre-katalog-zeny div.label a {
    color: #ffffff;
}
div.katalog-content div.absolute-pivot div.pre-loading div.pre-katalog-muzi {
    position: absolute;
    right: 196px;
    top: 7px;
    width: 159px;
    height: 365px;
    border: 1px solid #868688;
}
div.katalog-content div.absolute-pivot div.pre-loading div.pre-katalog-muzi div.red-rectangle {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 20px;
    height: 45px;
    background-color: #cd003d;
}
div.katalog-content div.absolute-pivot div.pre-loading div.pre-katalog-muzi div.label {
    position: absolute;
    bottom: 0;
    left: 20px;
    width: 120px;
    height: 35px;
    font-size: 250%;
    background-color: #868688;
    padding: 10px 0 0 12px;
    text-align: left;
}
div.katalog-content div.absolute-pivot div.pre-loading div.pre-katalog-muzi div.label a {
    color: #ffffff;
}
div.katalog-content div.absolute-pivot div.pre-loading div.pre-katalog-deti {
    position: absolute;
    right: 356px;
    top: 13px;
    width: 165px;
    height: 361px;
    border: 1px solid #868688;
}
div.katalog-content div.absolute-pivot div.pre-loading div.pre-katalog-deti div.red-rectangle {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 20px;
    height: 44px;
    background-color: #cd003d;
}
div.katalog-content div.absolute-pivot div.pre-loading div.pre-katalog-deti div.label {
    position: absolute;
    bottom: 0;
    left: 20px;
    width: 120px;
    height: 34px;
    font-size: 250%;
    background-color: #868688;
    padding: 10px 0 0 12px;
    text-align: left;
}
div.katalog-content div.absolute-pivot div.pre-loading div.pre-katalog-deti div.label a {
    color: #ffffff;
}

/* katalog choose (download or presentation) */
div.katalog-choose-content {
    width: 542px;
    height: 477px;
    overflow: visible;
}
div.katalog-choose-content div.absolute-pivot {
    position: absolute;
    width: 542px;
    height: 477px;
}
div.katalog-choose-content div.absolute-pivot img.katalog-prezentace {
    position: absolute;
    left: 269px;
    top: 0;
    z-index: 20;
}
div.katalog-choose-content div.absolute-pivot img.katalog-download {
    position: absolute;
    left: 93px;
    top: 0;
    z-index: 20;
}
div.katalog-choose-content div.absolute-pivot img.quality-stamp {
    position: absolute;
    right: -30px;
    bottom: 20px;
    z-index: 100;
}
div.katalog-choose-content div.absolute-pivot div.katalog-download-box {
    position: absolute;
    left: -48px;
    top: 143px;
    bottom: 37px;
    width: 185px;
    height: 250px;
    z-index: 30;
}
div.katalog-choose-content div.absolute-pivot div.katalog-download-box img.katalog-basic-image {
    position: absolute;
    left: 0;
    top: 68px;
    z-index: 31;
}
div.katalog-choose-content div.absolute-pivot div.katalog-download-box img.katalog-basic-ico {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 32;
}
div.katalog-choose-content div.absolute-pivot div.katalog-download-box div.label {
    position: absolute;
    left: 0;
    top: 0px;
    width: 130px;
    text-align: right;
    font-size: 130%;
    padding: 8px 5px 0 0;
}
div.katalog-choose-content.muzi div.absolute-pivot div.katalog-download-box div.label strong {
    color: #868688;
}
div.katalog-choose-content div.absolute-pivot div.katalog-download-box div.label strong {
    font-size: 130%;
}
div.katalog-choose-content div.absolute-pivot div.katalog-download-box div.label div.label-desc {
    margin-top: 8px;
    font-size: 90%;
}
div.katalog-choose-content div.absolute-pivot div.other-categories {
    position: absolute;
    top: 0;
    right: -168px;
    width: 200px;
    font-size: 170%;
}
div.katalog-choose-content div.absolute-pivot div.other-categories div.current {
    color: #cd003d;
    font-weight: bold;
}
div.katalog-choose-content div.absolute-pivot div.other-categories div.current,
div.katalog-choose-content div.absolute-pivot div.other-categories div.others {
    margin-bottom: 8px;
}
div.katalog-choose-content div.absolute-pivot div.katalog-presentation-box {
    position: absolute;
    right: -188px;
    top: 143px;
    bottom: 37px;
    width: 220px;
    height: 250px;
    z-index: 30;
}
div.katalog-choose-content div.absolute-pivot div.katalog-presentation-box div.label {
    position: absolute;
    left: 0;
    top: 0px;
    font-size: 130%;
    padding: 0 5px 0 0;
}
div.katalog-choose-content.muzi div.absolute-pivot div.katalog-presentation-box div.label strong {
    color: #868688;
}
div.katalog-choose-content div.absolute-pivot div.katalog-presentation-box div.label strong {
    font-size: 130%;
}
div.katalog-choose-content div.absolute-pivot div.katalog-presentation-box div.label div.label-desc {
    margin-top: 8px;
    font-size: 90%;
}
div.katalog-choose-content div.absolute-pivot div.pre-loading {
    position: absolute;
    left: 93px;
    top: 0;
    width: 415px;
    height: 477px;
    z-index: 50;
    background-color: #ffffff;
}
div.katalog-choose-content div.absolute-pivot div.pre-loading div.pre-download {
    position: absolute;
    left: 29px;
    top: 0px;
    width: 146px;
    height: 363px;
    border: 1px solid #868688;
}
div.katalog-choose-content div.absolute-pivot div.pre-loading div.pre-prezentace {
    position: absolute;
    right: 40px;
    top: 0px;
    width: 197px;
    height: 378px;
    border: 1px solid #868688;
}

/* presentation of products from katalog */
div.katalog-presentation-content {
    width: 542px;
    height: 477px;
    overflow: visible;
}
div.katalog-presentation-content div.absolute-pivot {
    position: absolute;
    width: 542px;
    height: 477px;
}
div.katalog-presentation-content div.absolute-pivot div.presentation-box {
    position: absolute;
    width: 542px;
    height: 477px;
}
div.katalog-presentation-content div.absolute-pivot div.presentation-box div.photo-box img,
div.katalog-presentation-content div.absolute-pivot div.presentation-box div.photo-box div {
    position: absolute;
    display: none;
}
div.katalog-presentation-content div.absolute-pivot div.presentation-box div.photo-box img.fullsize {
    z-index: 41;
    top: -100px;
    right: 1px;
    height: 600px;
    border: 1px solid #868688;
}
div.katalog-presentation-content div.absolute-pivot div.presentation-box div.photo-box.photo-box-1 img.photo {
    display: block;
    top: 0;
    left: 262px;
    width: 277px;
    z-index: 40;
    border: 1px solid #868688;
}
div.katalog-presentation-content div.absolute-pivot div.presentation-box div.photo-box.photo-box-1 div.description-box {
    display: block;
    top: 90px;
    right: -264px;
    width: 240px;
    border: 1px solid #868688;
}
div.katalog-presentation-content div.absolute-pivot div.presentation-box div.photo-box.photo-box-1 div.description-box h2 {
    position: static;
    display: block;
    width: 200px;
    padding: 20px 20px 3px 20px;
}
div.katalog-presentation-content div.absolute-pivot div.presentation-box div.photo-box.photo-box-1 div.description-box div.detail {
    position: static;
    display: block;
    width: 200px;
    padding: 0 20px 20px 20px;
    color: #1a171b;
    font-size: 110%;
}
div.katalog-presentation-content div.absolute-pivot div.presentation-box div.photo-box.photo-box-2 img.photo {
    display: block;
    top: 12px;
    left: 156px;
    width: 262px;
    z-index: 39;
    border: 1px solid #868688;
}
div.katalog-presentation-content div.absolute-pivot div.presentation-box div.photo-box.photo-box-3 img.photo {
    display: block;
    top: 27px;
    left: 63px;
    width: 235px;
    z-index: 38;
    border: 1px solid #868688;
}
div.katalog-presentation-content div.absolute-pivot div.presentation-box div.photo-box.photo-box-4 img.photo {
    display: block;
    top: 43px;
    left: 28px;
    width: 213px;
    z-index: 37;
    border: 1px solid #868688;
}
div.katalog-presentation-content div.absolute-pivot div.presentation-box div.photo-box.photo-box-5 img.photo {
    display: block;
    top: 54px;
    left: 0px;
    width: 194px;
    z-index: 36;
    border: 1px solid #868688;
}
div.katalog-presentation-content div.absolute-pivot div.other-categories {
    position: absolute;
    top: 0;
    right: -224px;
    width: 200px;
    font-size: 170%;
}
div.katalog-presentation-content div.absolute-pivot div.other-categories div.current {
    color: #cd003d;
    font-weight: bold;
}
div.katalog-presentation-content div.absolute-pivot div.other-categories div.current,
div.katalog-presentation-content div.absolute-pivot div.other-categories div.others {
    margin-bottom: 8px;
}
div.katalog-presentation-content div.absolute-pivot div.more-info-box {
    position: absolute;
    width: 150px;
    top: 300px;
    right: -143px;
    background-color: red;
    z-index: 200;
}

div.katalog-presentation-content div.absolute-pivot div.more-info-box img.plus {
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}

div.katalog-presentation-content div.absolute-pivot div.more-info-box img.eshop {
    position: absolute;
    top: 0;
    left: 50px;
}

div.katalog-presentation-content div.absolute-pivot div.more-info-box div.detail {
    position: absolute;
    top: 0;
    left: 103px;
    width: 120px;
}

/* pece-o-vase-pradlo.html specific style */
div.pece-content {
    margin-bottom: 20px;
    font-size: 110%;
}
div.pece-content p.space-after {
    margin-bottom: 40px;
}
div.pece-content div.line {
    clear: left;
    font-size: 110%;
    margin-top: 20px;
}
div.pece-content div.line strong {
    font-size: 110%;
}
div.pece-content div.line img {
    float: left;
    position: relative;
    top: -3px;
    margin-right: 15px;
}

/* kde-nas-najdete.html specific style */
div.kontakty-content {
    margin-bottom: 20px;
    font-size: 110%;
}
div.kontakty-content table.main-contacts {
    margin-bottom: 30px;
}
div.kontakty-content table.main-contacts td.label-col,
div.kontakty-content table.main-contacts td.tel-col,
div.kontakty-content table.main-contacts td.fax-col {
    padding-right: 10px;
}
div.kontakty-content table.main-contacts td.email-col {
    text-align: right;
}
div.kontakty-content div.result-block {
    width: 100%;
    margin-top: 20px;
}
div.kontakty-content div.result-block h2 {
    position: relative;
    top: -15px;
    float: left;
}
div.kontakty-content div.result-block div.map {
    float: left;
    width: 270px;
    height: 155px;
    background-color: #dddddd;
    margin: 0 20px 6px 0;
}
div.kontakty-content div.result-block div.shopping-place {
    float: left;
    width: 250px;
    margin-bottom: 7px;
    font-size: 92%;
}
div.kontakty-content div.result-block div.shopping-place.right {
    float: right;
}