@import "source_sans_family.css";

body {
    font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
    line-height: 100%;
    background: #D6E4FF url("../img/bg_transition.gif") repeat-x;
    /*min-width: 970px;*/
    margin: 0;
}

table {
    font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;;
}

.modalwindowbody p, .modalwindowbody ul {
    margin: 1.12em 0;
}

.content-body {
    font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
    line-height: 140%;
    font-size: 14px;
    padding: 15px 30px 40px;
    min-height: 300px;
    /*font-weight: 300;*/
}

.content-body h1, .modalwindowbody h1 {
    font-size: 19px;
}

.modalwindowbody h2 {
    font-size: 120%;
}

.content-body h3, .modalwindowbody h3 {
    font-size: 16px;
    border-bottom: 1px solid #7A95CA;
    margin-right: 1em;
}

.content-body h1, h2, h3 {
    font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
    /*line-height: 100%;*/
    color: #003D8C;
    margin: .4em 0;
}

/*
.content-body .x-panel ul {
    list-style: none outside;
    margin-left: 0;
    padding: 0;
}

.content-body ul {
    list-style: disc outside;
    margin-left: 2em;
    padding: 0;
}

.modalwindowbody ul {
    display: list-item;
    margin-left: 40px;
    list-style-type: disc;
}

.content-body ul ul, .modalwindowbody ul ul {
    list-style-type: circle;
}

.content-body ul ul ul, .modalwindowbody ul ul ul {
    list-style-type: square;
}

.content-body ol {
    list-style: decimal outside;
    margin-left: 2em;
    padding: 0;
}

.content-body ol ol {
    list-style-type: inherit;
    list-style-position: inherit;
    margin-left: 3em;
}
*/

.content-body a, .blue {
    color: #003D8C;
}

.content-body a img {
    border: none;
}

.content-body a.authorized {
    padding-right: 16px;
    background: url('/img/lock.gif') no-repeat top right;
}

.content-body b, .content-body strong {
    font-weight: bold;
}

.content-body th {
    font-weight: bold;
}

#edituj {
    position: fixed;
    padding: 2px 5px;
    bottom: 0;
    left: 0;
    border: 1px solid #226EBC;
    background: #f4f4ff;
    font-size: 80%;
    z-index: 150;
}

.lfloat {
    float: left;
}

.rfloat {
    float: right;
}

.cleaner {
    clear: both;
}

.stronger {
    font-weight: bold;
    font-size: 110%;
    line-height: 130%;
    margin-bottom: .25em;
}

.bold td {
    font-weight: bold !important;
}

.smaller {
    font-size: 80%;
    line-height: 135%;
}

.odsazeno {
    margin-left: 2em;
}

.chyba, .error, .red {
    color: red !important;
}

.s_menu {
    margin-left: 12em;
    padding-left: 1em;
}

.hidden {
    display: none;
}

div.box.menu_vlevo {
    position: absolute;
    left: .5em;
    width: 11em;
    margin: 0 .4em;
}

.s_menu_vlevo {
    display: grid;
    grid-template-columns: [sidebar] 230px [content] 1fr;
}

.s_menu_vlevo .sidebar {
    grid-area: sidebar;
    margin-right: 15px;
}

.s_menu_vlevo .content {
    grid-area: content;
}

.s_menu_vlevo .sidebar .box {
    margin-top: 0;
}

.tri-sloupce {
    columns: 290px 3;
}

.dva-sloupce {
    columns: 450px 2;
}

.centered {
    vertical-align: center;
}


dt {
    font-weight: bold;
}

.content-body dt {
    margin-top: .3em;
}

.content-body dd {
    margin-top: .2em;
}

.content-body p {
    margin-bottom: .2em;
    margin-top: .3em;
}

/* predsazeni */
span.predsazeni_20, span.predsazeni_30 {
    float: left;
    width: 20em;
    color: dimgray;
    text-align: right;
    padding-right: 1em;
}

span.predsazeni_30 {
    width: 30em;
}

.content-body p.plain {
    margin-top: 0;
    margin-bottom: 0;
    clear: both;
}

/* samotny obsah je zabalen do zasobniku */
#zasobnik {
    font: 10pt/120% "Source Sans Pro", Helvetica, Arial, sans-serif;

    position: relative;
    border: 1px solid #7A95CA;
    /*margin: 8px 8px 1em;*/
    /*padding-top: 80px;*/
    /*padding-bottom: 35px;*/
    background: white;
    /* pokusne zmeny */
    margin: 0 auto;
    max-width: 1200px;
    min-height: 100vh;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.20);
}

/* Horni lista - podklad */
#hlavicka {
    font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
    font-size: 14px;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 75px;
    background: #E0F4FF url('/img/logo_header.png') no-repeat;
    border-bottom: 2px solid #7A95CA;
    margin: 0;
    padding: 0;
    z-index: 110;
}

/* Odkaz na titulku podklad */
#zasobnik h1.index {
    display: none;
}

/* Odkaz na titulku logo */
#navigace li.mainpage {
    position: absolute;
    top: -45px;
    left: -182px;
    margin: 0;
    padding: 0;
    background: transparent !important;
}

#navigace li.mainpage a {
    display: block;
    width: 145px;
    height: 0;
    margin: 0;
    padding-top: 56px;
    line-height: 100%;
    overflow: hidden;
    text-decoration: none;
}

#hlavicka h2 {
    display: none;
}

/* menu nahore */
#horni_menu {
    position: absolute;
    top: 0;
    right: 0;
    float: right;
    width: auto;
    height: 23px;
    margin: 0;
    list-style: none;
    z-index: 113;
}

#horni_menu div, #horni_menu ul, #horni_menu form {
    margin: 0;
    padding: 0;
    float: left;
    height: 22px;
    line-height: 22px;
}

#hledani, #uzivatel, #servis ul {
    background-color: #BCDAFF;
    border-bottom: 1px solid #7A95CA;
    line-height: 22px;
    height: 22px;
    font-size: 80%;
}

#hledani .tlacitko {
    width: 0;
    height: 1px;
    padding-left: 20px;
    line-height: 0;
    background: transparent url(/img/magnifier.png) no-repeat;
}

#hledani .tlacitko span {
    display: none;
}

#horni_menu li {
    display: block;
    float: left;
    padding: 0 .5em;
    color: #003D8C;
    white-space: nowrap;
}

#horni_menu li:hover {
    background-color: #D0E5FF;
}

#horni_menu a {
    text-decoration: none;
    color: #003D8C;
}

#horni_menu a:hover {
    text-decoration: underline;
}

#horni_menu .dropdown ul {
    top: 22px;
    right: -1px;
    background: #D0E5FF;
    border: 1px solid #7A95CA;
    border-top: none;
}

#horni_menu .dropdown li:hover {
    background: #DEEDFF;
}

#servis h2 {
    padding: 0;
    margin: 0;
    background: url(/img/vlnka.png) no-repeat;
    background-size: 45px 23px;
    display: block;
    float: left;
    width: 42px;
    height: 23px;
    overflow: hidden;
}

#servis h2 span {
    display: none;
}

#servis ul {
    width: auto;
    padding: 0;
    margin: 0;
}

#hledani input {
    font-size: 80%;
    border: 1px solid #7A95CA;
    width: 100px;
    padding: 0.01em .4em;
    margin-right: 3px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

/* odkazy */
#odkazy {
    position: absolute;
    top: 35px;
    right: 0;
    margin: 0;
    padding: 0;
    z-index: 112;
}

#odkazy h2 {
    display: none;
}

#odkazy ul {
    list-style: none;
    float: left;
    margin: 0;
    padding: 0;
}

#odkazy li {
    float: left;
    padding-right: 1em;
}

#odkazy li a {
    display: block;
    padding: 33px 0 0 0;
    margin: 0;
    height: 0;
    line-height: 100%;
    text-decoration: none;
    overflow: hidden;
}

#odkazy li a.avel {
    background: transparent url("/img/logo_avel.gif");
    width: 67px;
}

#odkazy li a.ah {
    background: transparent url("/img/logo_ah.gif");
    width: 67px;
}

#odkazy li a.gehe {
    background: transparent url("/img/logo_gehe.gif");
    width: 54px;
}

#odkazy li a.viapharma {
    background: transparent url("/img/logo_viapharma.gif");
    width: 106px;
}

#odkazy li a.phoenix {
    background: transparent url("/img/logo_phoenix.gif");
    width: 48px;
}

/* dolní nabídka */
#navigace {
    position: absolute;
    top: 55px;
    left: 190px;
    height: 20px;
    z-index: 113;
    float: left;
}

#navigace h2 {
    display: none;
}

#navigace ul {
    list-style: none;
    height: 20px;
    margin: 0;
    padding: 0;
    background: #D8ECF7 url("/img/menu_bg.gif") repeat-y;
}

#navigace li {
    margin: 0;
    height: 20px;
    line-height: 20px;
    padding: 0 1em;
    float: left;
}

#navigace li.dropdown:hover {
    background: #E2F1EB;
}

#navigace a {
    color: black;
    text-decoration: none;
}

#navigace li.submenu a {
    font-size: 90%;
    margin-left: 0.5em;
    color: #474747;
}

#navigace .dropdown ul {
    position: absolute;
    top: 20px;
    left: 0;
    right: auto;
    background: #E2F1EB;
    border-color: #7A95CA;
    border-style: solid;
    border-width: 0 2px 2px 0;
    height: auto;
}

#navigace .dropdown ul li {
    white-space: nowrap;
}

#navigace .dropdown ul li:hover {
    background: #EBF5F1;
}

#navigace .dropdown li.separator {
    font-size: 80%;
    line-height: 140%;
    height: 1.4em;
    background-color: #7A95CA !important;
    color: white;
}

#zmena {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 35px;
    line-height: 30px;
    font-size: 9.2pt;
    text-align: right;
    width: 100%;
    border-top: 1px solid #7A95CA;
    background: #E0F4FF url('/img/header_01_lighter.png') repeat-y;
    color: #003D8C;
    box-sizing: border-box;
    padding: 0em 1em;
}

#zmena .counter {
    float: left;
}

/* vyjimky */

body.tiny_menu #zasobnik {
    border: none;
    background: transparent none;
    /*padding-top: 30px;*/
    padding-bottom: 0;
    margin: 0;
    max-width: initial;
}

body.tiny_menu #hlavicka {
    height: 22px;
    background: #E0F4FF url('/img/logo_header_small.png') no-repeat;
}

body.tiny_menu #navigace li.mainpage {
    top: -3px;
    left: -185px;
}

body.tiny_menu #navigace li.mainpage a {
    width: 55px;
    padding-top: 23px;
}

body.tiny_menu #navigace {
    top: 2px;
}

body.tiny_menu #odkazy {
    display: none;
}

body.tiny_menu #zmena {
    display: none;
    border-bottom: 2px solid #7A95CA;
}

body.tiny_menu .content-body {
    padding: 0;
}

/* zalozky */

.content-body div.tabbed {
    position: relative;
    padding-top: 2em;
}

.content-body div.tabbed ul {
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    float: left;
}

.content-body div.tabbed ul li {
    float: left;
    padding: 0;
    height: 2em;
    margin-left: 3px;
}

.content-body div.tabbed ul li a {
    display: block;
    position: relative;
    top: 0;
    border: 1px solid #7A95CA;
    border-bottom: none;
    padding: 0 .5em;
    line-height: 2em;
    text-decoration: none;
    color: black;
    background-color: #CFE5CC;
}

.content-body div.tabbed ul li a:hover {
    background-color: #E0F4FF;
    top: -1px;
    padding-bottom: 1px;
}

.content-body div.tabbed .tab_body {
    border: 1px solid #7A95CA;
    background-color: #E0F4FF;
    margin: 0;
}

.content-body div.tabbed form {
    display: inline;
}

.content-body div.tabbed fieldset {
    margin: .2em;
    padding: .2em
}

/* styl pro editor */
.content-body .fck-body {
    background: white;
    margin: 0;
    font-size: 80%;
}

/* seznam clanku */

#list h3 {
    margin-bottom: 0;
}

#list h3 a {
    text-decoration: none;
}

#list div.novinka span.popis {
    display: none;
}

#list div.sekce, #list div.autor, #list div.vlozeno, #list div.odkaz, #list div.editace {
    font-size: 8pt;
    line-height: 10pt;
    display: inline;
    padding: 0 3pt 0 3pt;
    border-left: 1px solid #7A95CA;
    color: #003D8C;
    margin-bottom: 0;
}

#list .info {
    margin-top: 0;
    padding-top: 0;
    line-height: 9pt;
}

#list div.autor, #list div.vlozeno {
    border: none;
}

#list div.nova-zprava {
    font-size: 8pt;
    line-height: 10pt;
    padding: 0 3pt 0 3pt;
    margin-top: 0;
}

@media print {
    #list div.odkaz, #list div.editace {
        display: none;
    }

    #list a {
        color: black;
        text-decoration: none;
    }

    #list div.nova-zprava {
        display: none;
    }
}

#list div.sekce {
    border: none;
    border-right: 1px solid #969696;
}

#list p {
    margin-top: 5pt;
    padding-left: 5pt;
    padding-right: 5pt;
    text-align: justify;
}

#zahlavi .datum, #zahlavi .info {
    display: none;
}

.box .aktualita {
    padding: 0 1em 1em 1em;
}


/* dropdown menu */
.dropdown {
    position: relative;
}

.dropdown ul {
    height: auto !important;
    position: absolute;
    right: 0;
    z-index: 120 !important;
}

.dropdown ul,
.dropdown ul li {
    float: none !important;
}

.dropdown ul {
    display: none;
}

.dropdown li {
    padding: 0 .7em !important;
}

.dropdown:hover ul, .down ul {
    display: block;
}

.dropdown ul:hover {
    display: block;
}

/* kontakty */
#kontakty img {
    border: 1px solid silver;
}

#kontakty table {
    border-collapse: collapse;
    border-top: 1px solid black;
    margin-bottom: 120px;
}

#kontakty table tr {
    vertical-align: top;
}

#kontakty table td {
    padding: .3em 0 .3em 1em;
    border-bottom: 1px solid black;
}

#kontakty table th {
    padding: .3em 0 .3em 0;
    border-bottom: 1px solid black;
}

#vetsi {
    position: absolute;
    z-index: 120;
    border: 2px solid silver;
    background-color: silver;
    width: 200px;
    height: 267px;
}

#vetsi img {
    border: 0 none;
    width: 200px;
    height: 267px;
}

/* boxy */
div.box {
    border-style: solid;
    border-color: #7A95CA;
    border-width: 1px 2px 2px 1px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    margin-bottom: .2em;
    margin-top: 0.9em;
    padding: 1em;
    background: white;
    /*clear: left;*/
}

.content-body h2, .content-body div.box h2.main, .content-body div.box h3.main, .content-body .zarovnany h2 {
    margin: 8px 0 8px 0;
    padding: 4px 16px;
    /*padding: .25em .6em;*/
    border-style: solid;
    border-color: #7A95CA;
    border-width: 1px 2px 2px 1px;
    background: #E0F4FF url('/img/header_01_lighter.png') repeat-y -110px 0;
    color: #003D8C;
    font-size: 120%;
    font-weight: bold;
    border-radius: 7px;
}

/* odsazený titulek */
.content-body h2 {
    /*margin: 0 -.5em 1.1em -.5em;*/
    margin: 0 -17px 19px -17px;
    line-height: 125%;
}

.content-body div.box h2.main {
    padding: .25em .6em;
}

div.box h2.main, div.box h3.main {
    margin: 0;
    position: relative;
    top: -1em;
    display: inline;
}

div.box .main a {
    text-decoration: none;
    color: #003D8C;
}

div.box .main a:hover {
    text-decoration: underline;
}

/* editace */
#id-body {
    height: 500px;
}

.qn_list {
    border: 1px solid #7A95CA;
    border-right-width: 2px;
    border-bottom-width: 2px;
    background-color: #F8FDFF;
    width: 100%;
    border-collapse: collapse;
}

.qn_list td{
    border-color: #7A95CA;
}

.qn_list thead {
    background: #E0F4FF;
}

.qn_list td{
    padding: .2em .7em;
}

.qn_list th {
    padding: .5em .7em;
    text-align: left;
}

.qn_list th.right {
    text-align: right;
}

.qn_list tbody tr:hover a {
    color: white !important;
}

.qn_list tbody tr:hover {
    background-color: #003D8C !important;
    color: white;
}

.qn_list tbody tr.odd {
    background-color: #F0FBFF;
}

.qn_list tbody tr.neaktivni, .qn_list tbody tr.neaktivni a {
    color: silver;
}

.qn_list.vertical tr td, table.grid.vertical tr th {
    border-right: 1px solid #7A95CA;
}

table.cenik{
    max-width: 780px;
}

table.cenik td, table.cenik th{
    vertical-align: baseline;
}

table.cenik td.mena, table.cenik th.mena{
    text-align: right;
}

table.cenik td.na-vyzadani {
    text-align: center;
    font-style: italic;
}

table.cenik td.separator{
    border-bottom-width: 1px;
    border-bottom-style: solid;
    height: 0;
    line-height: 0;
    padding: 0;
    margin: 0;
    font-size: 0;
}

/* boxik pod listou */
.top_right {
    position: absolute;
    right: 0;
    top: 77px;
    font-size: 80%;
    line-height: 100%;
    padding: .3em .6em;
}

.top_right input {
    font-size: 80%;
}

/* boxik pod listou */
.top_left {
    position: absolute;
    left: 0;
    top: 77px;
    font-size: 80%;
    line-height: 100%;
    padding: .6em .6em;
}

/* formulare */
.formbuilder .box {
    float: left;
    clear: both;
    width: 97%;
}

.formbuilder dl {
    margin: 0 0 .1em 0;
    padding: .1em .5em;
}

.formbuilder dl.form_row {
    clear: both;
}

.formbuilder dl.form-error {
    border: 1px solid red;
    background-color: #FFEFEF;
    padding-top: .4em;
    padding-bottom: .4em;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

.formbuilder .error-text {
    margin-top: .3em;
    font-size: 85%;
    color: red;
}

.formbuilder dt, .formbuilder dd {
    line-height: 130%;
    margin-left: 0;
}

.formbuilder dt label {
    float: left;
    padding-top: .3em;
}

.formbuilder dl dt {
    float: left;
    width: 10em;
}

.formbuilder dd input.text, .formbuilder dd input.password {
    width: 20em;
}

.reklama.odsazeno {
    margin: 0 1em;
}

#map img {
    border: none;
}

.reklamy {
    /*max-width: 348px;*/
    margin-left: auto;
    margin-right: auto;
}

.reklamy p {
    display: inline;
    padding: 0;
    margin: 0;
}

/*  ext - loading */
#loading {
    position: absolute;
    left: 45%;
    top: 40%;
    padding: 2px;
    z-index: 20001;
    height: auto;
}

#loading a {
    color: #225588;
}

#loading .loading-indicator {
    background: white;
    color: #444;
    padding: 10px;
    margin: 0;
    height: auto;
    font-size: small;
}

.x-grid3-col-wrap {
    white-space: normal !important;
}

/* tabulka */
.tab1 th {
    font-weight: bold;
    vertical-align: top;
}

div.textove-odkazy {
    padding: 0 1em;
}

#reg-form {
    width: 550px;
    margin-left: auto;
    margin-right: auto;
}

.menu_vlevo div.menu {
    margin-left: 1em;
    text-indent: -1em;
    margin-bottom: 0.2em;
    line-height: 130%;
}

.menu_polozka {
    line-height: 14px;
    padding-top: 4px;
    padding-left: 1em;
    text-indent: -1em;
}

#PDKBrowser {
    margin: 5px;
}

/** retina **/
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx)
{    /* Horni lista - podklad */
    #hlavicka {
        background-image: url('/img/logo_header@2x.png');
        background-size: 550px 76px;
    }

    body.tiny_menu #hlavicka {
        background-image: url('/img/logo_header_small@2x.png');
        background-size: 550px 22px;
    }

    #odkazy li a.avel {
        background-image: url("/img/logo_avel@2x.png");
        background-size: 67px 33px;
    }

    #odkazy li a.ah {
        background-image: url("/img/logo_ah@2x.png");
        background-size: 67px 33px;
    }

    #odkazy li a.viapharma {
        background: transparent url("/img/logo_viapharma@2x.png");
        background-size: 106px 33px;
    }

    #odkazy li a.phoenix {
        background: transparent url("/img/logo_phoenix@2x.png");
        background-size: 48px 33px;
    }

    #servis h2 {
        background-image: url(/img/vlnka@2x.png);
    }
}