/* cmsms stylesheet: style modified: 01/26/17 01:54:31 */
/* Specifikace fontu */
@font-face {
    font-family: "PT-Sans";
    src: url("/fonts/PTS55F.ttf");
}
@font-face {
    font-family: "PT-Sans-Bold";
    src: url("/fonts/PTS75F-bold.ttf");
}
@font-face {
    font-family: "Vollkorn-Regular";
    src: url("/fonts/Vollkorn-Regular.ttf");
}

* {
    margin: 0;
    padding: 0;
}

body {
    font-family: "PT-Sans";
}

.clear { clear: both;}

/* Container */
.container { position: relative; margin: 0 auto; width: 1280px;}

/* Header */
.header {}
.header .logo { margin-left: 78px; height: 116px;}
.header .logo .image { width: 600px; height: 116px; background: url("/uploads/images/logo.png") no-repeat center left; -webkit-background-size: auto 80px; background-size: auto 80px; }
.header .menu  { margin-left: 78px; position: relative;}
.header .menu ul.main-menu  { height: 34px; list-style: none;}
.header .menu ul.main-menu > li { display: inline-block; width: 124px; height: 34px;margin: 0px 4px; background-color: #6E6E70; text-align: center;}
.header .menu ul.main-menu > li.active { background-color: #662D91;}
.header .menu ul.main-menu > li:first-child  { margin-left: 0px;}
.header .menu ul.main-menu > li a { display: block; color: #fff; font-size: 16px; line-height: 34px; text-decoration: none;}

.header .menu ul.sub-menu { z-index: 1; display: none; position: absolute; left: 0; top: 40px; background-color: #662D91; height: 34px; text-align: center;}
.header .menu li.active ul.sub-menu { display: block;}
.header .menu ul.sub-menu li {  width: 163px; height: 34px; display: inline-block; }
.header .menu ul.sub-menu li a { display: inline-block; text-decoration: none; font-size: 16px; line-height: 17px; color: #fff; width: 163px; height: 34px;}
.header .menu ul.sub-menu li a:hover { background-color: #6E6E70; }
.header .menu ul.sub-menu li.active a { background-color: #6E6E70; }
.header .menu ul.sub-menu li a div { display: inline-table; height: 34px; vertical-align: middle;}
.header .menu ul.sub-menu li a span { display: table-cell; vertical-align: middle; }

.header .separator { width: 100%; height: 6px; background-color: #662D91; }

.left-title-block { float: left; width: 1280px; height: 515px; background: url("/uploads/infografika/banner.jpg") no-repeat bottom right; -webkit-background-size: 1280px 515px; background-size: 1280px 515px; }
.left-title-block h1 {  margin: 70px 0 0 78px; font-size: 40px; font-weight: normal; font-family: "Vollkorn-Regular"; }
.left-title-block h1 span { background: rgb(57,0,100);background: rgba(57,0,100, .7); color: #FFF;}
.right-infographic-block { float: left; width: 640px; height: 511px; }

.contacts,
.about-products, 
.about-company,
.o-onemocneni { width: 100%; padding-bottom: 40px; background-color: #662D91; color: #fff;}

.contacts { height: 462px; }

/* Two column container with title in h2 */
.two-column { text-align: center;}
.two-column h2 { position: relative; display: inline-block; padding-top: 40px; font-size: 40px; line-height: 48px; font-weight: normal; font-family: "Vollkorn-Regular"; text-align: center;}
.two-column h2.underline:after { position: absolute; right: 0px; bottom: -20px; width: 50%; height: 6px; background-color: #fff; content: ""; }

.two-column div.content,
.two-column p {
    font-size: 14px;
    line-height: 17px;
    text-align: left;
    margin: 40px auto 40px;
    width: 892px;
   -webkit-column-count: 2;
      -moz-column-count: 2;
           column-count: 2;

   -webkit-column-gap: 60px;
      -moz-column-gap: 60px;
           column-gap: 60px;
}
.two-column h2.underline + p {
    margin: 80px auto 0;
}

.two-column ul.square {
    list-style: square;
    padding: 20px 0 0 15px;
}
.two-column ul.kurkumin {
    padding-right: 200px; background: url("/img/kurkumin.png") no-repeat right top 20px; -webkit-background-size: 178px 187px; background-size: 178px 187px; 
}

.two-column .box { display: inline-block; margin: 4px 10px 0; border: 1px solid #000; padding: 0 5px; line-height: 22px; font-size: 14px; }

.back-to-top { z-index: 1; cursor: pointer; position: absolute; top: 0px; left: calc(50% - 30px); width: 60px; height: 30px; background: url("/img/back_to_top_button.png") no-repeat; -webkit-background-size: 60px 30px; background-size: 60px 30px; }
.back-to-top + .two-column h2 {
    padding-top: 60px;
}

.pharmaselect-points { margin: 40px auto 10px; width: 74px; height: 16px; background: url("/img/pharmaselect_points.png") no-repeat; -webkit-background-size: 74px 16px; background-size: 74px 16px; }
.home-link { display: block; text-align: center; text-decoration: none; margin: 10px auto 40px; font-size: 22px; line-height: 26px; color: #14495b;}
.home-link span { color: #89a4ad;}


.products { width: 920px; margin: 0 auto 40px; padding-top: 40px;}
.products .product { position: relative; margin: 20px 14px 60px; width: 278px; height: 127px; display: table; float: left; text-align: center;}
.products .product:after { content: ""; position: absolute; right: 0px; bottom: -28px; width: 60px; height: 28px; background: url("/img/product_box_graphic.png") no-repeat; -webkit-background-size: 60px 28px; background-size: 60px 28px; }
.products .product.blue { background-color: #14495b; color: #fff;}
.products .product.light-green { background-color: #d4e8cf; color: #000;}
.products .product.dark-green { background-color: #c1dfa6; color: #fff;}
.products .product span { vertical-align: middle; display: table-cell; font-size: 25px; line-height: 30px; font-family: "Vollkorn-Regular";}

.products-container {}
.products-container h2 { position: relative; display: block; padding-top: 40px; font-size: 40px; line-height: 48px; font-weight: normal; font-family: "Vollkorn-Regular"; text-align: center;}
.products-list {}
.products-list .product { margin-top: 20px;}
.products-list .product .product-container { width: 892px; margin: 0 auto 20px; position: relative; display: flex;}
.product-container {}
.product-container .image {float: left; width: 270px; height: 210px; text-align: center;}
.product-container .text {float: left; margin: 20px 0 0 20px; width: 600px; }
.product-container .text h3 { font-size: 14px; line-height: 18px; font-family: "PT-Sans-Bold"; }
.product-container .text p { font-size: 14px; line-height: 18px; }
.product-container .text  .buy { 
    margin-top: 45px; display: inline-block; width: 124px; height: 34px; text-align: center; text-decoration: none;
    line-height: 34px; font-size: 16px; font-family: "PT-Sans-Bold"; color: #FFF;
    background: #662D91 url("/img/buy_arrow.png") no-repeat left 15px center; -webkit-background-size: 8px 13px; background-size: 8px 13px;
}
.product-container .links { position: absolute; right: 0px; bottom: 0px;}
.product-container .links a { display: inline-block; width: 35px; height: 54px; text-decoration: none; margin-right: 10px; }
.product-container .links .pdf-study { background: url("/img/pdf_study.png") no-repeat; -webkit-background-size: 35px 54px; background-size: 35px 54px; }
.product-container .links .pdf-spc { background: url("/img/pdf_spc.png") no-repeat; -webkit-background-size: 35px 54px; background-size: 35px 54px; }
.product-container .links .pdf-pil { background: url("/img/pdf_pil.png") no-repeat; -webkit-background-size: 35px 54px; background-size: 35px 54px; }
.product-container .links .pdf-info { background: url("/img/pdf_info.png") no-repeat; -webkit-background-size: 35px 54px; background-size: 35px 54px; }
.product-container .links .pdf-bp { background: url("/img/pdf_bp.png") no-repeat; -webkit-background-size: 45px 70px; background-size: 45px 70px; width: 45px; height: 70px; }

.products-list .product .studies-container { width: 100%; clear: both; position: relative; display: inline; display: none;  padding-bottom: 40px;}
.studies-container { background-color: #ebebeb;}
.studies-container .close { z-index: 1; cursor: pointer; position: absolute; top: 0px; left: calc(50% - 54px); width: 109px; height: 60px; background: url("/img/close.png") no-repeat; -webkit-background-size: 109px 60px; background-size: 109px 60px; }

.studies-container h3 { position: relative; display: block; padding-top: 80px; font-size: 40px; line-height: 48px; font-weight: normal; font-family: "Vollkorn-Regular"; text-align: center;}
.studies-container .studies { width: 892px; margin: 40px auto 40px;}
.studies-container .studies a { display: inline-block; float: left; margin: 14px 0; padding: 0px 40px 0 60px; width: 346px; background: url("/img/pdf_blue.png") no-repeat left top; -webkit-background-size: 35px 39px; background-size: 35px 39px; text-decoration: none; font-size: 14px; line-height: 17px; color: #666666; min-height: 35px; }

.product .separator { width: 892px; display: block; margin: 0 auto 20px; clear: both;  height: 3px; background-color: #666666; }

.vpois-product-list { width: 892px; padding-top: 120px; margin: 0 auto 60px;}
.vpois-product-list table { width: 892px; color: #000; background-color: #fff; text-align: center; border-collapse: collapse;}
.vpois-product-list table tr { height: 48px; font-size: 14px; }
.vpois-product-list table thead { border-top: 2px solid #000; border-bottom: 3px solid #000;}
.vpois-product-list table thead tr { font-family: "PT-Sans-Bold";}
.vpois-product-list table tbody tr { border-bottom: 1px solid #000;}
.vpois-product-list table tr th:first-child,
.vpois-product-list table tr td:first-child {text-align: left; padding: 5px 10px 5px 20px; }
.vpois-product-list table tr td {padding: 5px 2px; }
.vpois-product-list table .pil { display: block; height: 30px; background: url("/img/pdf_grey.png") no-repeat center center; -webkit-background-size: 23px 26px; background-size: 23px 26px; }
.vpois-product-list table .spc { display: block; height: 30px; background: url("/img/pdf_green.png") no-repeat center center; -webkit-background-size: 23px 26px; background-size: 23px 26px; }


.contacts {}
.contacts h2 { float: left; padding: 136px 0 0; margin-left: 196px; font-size: 40px; line-height: 48px; font-weight: normal; font-family: "Vollkorn-Regular";}
.contacts .contacts-info { padding: 136px 0 0; float: left; margin-left: 46px; width: 628px;  }
.contacts .contacts-info .left { float: left;}
.contacts .contacts-info .left.text { padding-left: 48px; border-left: 6px solid #000; }
.contacts .contacts-info .left.map { margin-left: 30px;}
.contacts h3 { font-size: 14px; line-height: 23px; font-weight: normal; font-family: "PT-Sans-Bold";}
.contacts p { font-size: 14px; line-height: 17px; font-weight: normal; }

.footer {
    width: 100%; height: 82px; background-color: #662D91; text-align: center; font-weight: bold;
}
.footer p { font-size: 12px; color: #B397C8; line-height: 82px; }
.footer a { font-size: 12px; color: #B397C8; text-decoration: underline;}
.footer a:hover { text-decoration: none;}

.o-onemocneni { width: 100%; padding-bottom: 40px;background-color: #662D91; }
.o-onemocneni .button { 
    margin: 50px 10px 0; display: inline-block; width: 182px; height: 42px; text-align: center; text-decoration: none;
    line-height: 42px; font-size: 16px; font-family: "PT-Sans-Bold"; color: #000;
    background: #fff url("/img/buy_arrow.png") no-repeat left 15px center; -webkit-background-size: 8px 13px; background-size: 8px 13px;
}

.two-column .light-green { display: block; background-color: #d4e8cf; padding: 10px; margin: 10px -10px 0; }

.popup { display: none;  z-index: 1000; position: fixed;}
.popup.confirmation { left: calc(50% - 383px); top: 60px; width: 768px; height: 370px; background-color: #003b4d; opacity: 0.9; text-align: center; color: #fff; font-size: 16px; line-height: 19px;}
.popup.confirmation .check-button { margin: 18px auto; cursor: pointer; width: 20px; height: 20px; background: url("/img/check_empty.png") no-repeat center center; -webkit-background-size: 16px 16px; background-size: 16px 16px; }
.popup.confirmation .check-button.checked { background: url("/img/check_checked.png") no-repeat center center; -webkit-background-size: 16px 16px; background-size: 16px 16px; }
.popup.confirmation p { margin: 10px auto; width: 604px; }
.popup.confirmation .confirm.button { margin: 30px auto; width: 182px; height: 42px; line-height: 42px; color: #000; background-color: #fff; cursor: pointer;}

.upper {text-transform: uppercase;}

a {color: #FFF;}
a:hover {text-decoration: none;}