<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import url(https://fonts.googleapis.com/css?family=Poppins:400,900italic,900,700italic,700,500italic,500,400italic,300italic,300,100,100italic&amp;subset=latin,latin-ext);

/* GLOBAL TYPOGRAFY STYLES spoleÄŤnĂ© i pro EDITOR */

.dxss-wrap {
   white-space: normal;
}

body{
backgroud: red !important;
}

  .dxss-wrap                      *
, #testplacecontent               *                     
, [class^="dxheDesignViewArea"]   *
{
font-family: 'Roboto Slab' !important;
    color: #666;
    font-size: 16px;
}




.articleholder.responsivesizes
, .htmleditor								
, .dxss-wrap						 
, #testplacecontent  			               
, [class^="dxheDesignViewArea"]	

{
    font-weight: 400;
    line-height: 150%;
}

.articleholder.responsivesizes  p
, .htmleditor								    p
, .dxss-wrap						        p
, #testplacecontent  			      p         
, [class^="dxheDesignViewArea"]	p

{
font-family: Roboto,serif !important;
margin: 0 0 10px;
font-size:16px;
}  

.articleholder.responsivesizes  h1
, .htmleditor								    h1
, .dxss-wrap						        h1
, #testplacecontent  			      h1         
, [class^="dxheDesignViewArea"]	h1
{
    color: #fa8927;
    text-transform: uppercase;
    margin-bottom: 15px;
    font-size: 26px;
    font-weight: 600;
    
    border-bottom: none;
    line-height: 100% !important;
    margin-top: 20px;
    padding:0; 
}

.articleholder.responsivesizes  h2
, .htmleditor								    h2
, .dxss-wrap						        h2
, #testplacecontent  			      h2         
, [class^="dxheDesignViewArea"]	h2
{
        color: #109990;
    
    margin-bottom: 10px;
    margin-top: 20px;
    font-size: 26px;
    font-weight: 600;

}

.articleholder.responsivesizes  h3
, .htmleditor								    h3
, .dxss-wrap						        h3
, #testplacecontent  			      h3         
, [class^="dxheDesignViewArea"]	h3
{
    color: black;  
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 23px;
    font-weight: 600;
}

.articleholder.responsivesizes  h4
, .htmleditor								    h4
, .dxss-wrap						        h4
, #testplacecontent  			      h4          
, [class^="dxheDesignViewArea"]	h4
{
    color: #666; 
    margin-top: 20px; 
    margin-bottom: 5px;
    font-size: 20px;
    font-weight: 600;
}

.popisknihy li
, .articleholder.responsivesizes  li
, .htmleditor								    li
, .dxss-wrap						        li
, #testplacecontent  			      li         
, [class^="dxheDesignViewArea"]	li
{
    margin-left: 20px;
    clear: both;
        padding-bottom: 7px;
}

.popisknihy li:before
, .articleholder.responsivesizes  li:before 
, .htmleditor								    li:before 
, .dxss-wrap						        li:before 
, #testplacecontent  			      li:before          
, [class^="dxheDesignViewArea"]	li:before 
{
    content: "â–&nbsp; ";
    color: #109990;
    position: absolute;
    float: left;
    padding-right: 7px;
    margin-top: -2px;
    font-size: 18px;
    margin-left: -18px;
}

.popisknihy ul,
.articleholder.responsivesizes  ul
, .htmleditor								    ul
, .dxss-wrap						        ul
, #testplacecontent  			      ul         
, [class^="dxheDesignViewArea"]	ul
 {
    margin-left: 0;
    padding-left: 0;
    list-style: none;
        margin-bottom: 4px;
}


/* HOMEARTICLE */
.vyhody {
overflow: hidden;
    display: block;
    float: left;
    width: calc(100% - 60px);
    height: 443px;
    background: url(../img/lidicky.jpg) no-repeat bottom #d7e7f4;
    background-size: 100%;
    padding: 25px;
    clear: both;
    margin-left: 30px;

	}
	
	
.nadpislogo {
	overflow:hidden;
display:block;
width: 100%;
}

	.nadpislogo h2 {
    display: block;
    float: left;
    max-width: 125px;
    font-size: 24px;
    color: #1a4c8c;
    margin-top: 0px;
    height: 78px;
    margin-bottom: 22px;
    overflow: hidden;
}


.nadpislogo img {
display:block;
float:right;
}

	.vyhody a , 	.vyhody a:hover , 	.vyhody a:link , 	.vyhody a:active , 	.vyhody a:visited {
text-decoration:none;
color: #1a4c8c;
cursor:pointer;
}


	.vyhody a, 	.vyhody a:hover, 	.vyhody a:link, 	.vyhody a:active, 	.vyhody a:visited{
    border-top: 1px solid #bcd5e8;
    background: url(../img/sipickablue.png) no-repeat right;
    padding: 13px 0;
    text-decoration: none;
    color: #1a4c8c;
    margin-bottom: 0px;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 15px;
    clear: both;
    width: 100%;
    display: block;
}

	.vyhody a:last-child{
border-bottom:1px solid #bcd5e8;

}

.meoinfo {
width: calc(100% - 300px); 
display:block;
float:left;
padding-left:28px;
}

.meoinfocell {
width: calc(100% - 30px);
    display: block;
    float: left;
    height: 207px;
  /*  margin-bottom: 28px;*/
    border: 1px solid #f0f0f0;
    background: url(../img/sipickagrey.jpg) no-repeat 259px 165px;
}

.meoinfocell a , .meoinfocell a:hover , .meoinfocell a:link , .meoinfocell a:active , .meoinfocell a:visited{
    text-transform: uppercase;
    font-size: 18px;
    text-decoration: none;
    cursor: pointer;
}


.meoinfocell a, .meoinfocell a:hover , .meoinfocell a:link , .meoinfocell a:active , .meoinfocell a:visited {
    text-transform: uppercase;
    font-size: 18px;
    text-decoration: none;
    cursor: pointer;
    color: #1a4c8c;
    display: block;
    position: absolute;
    width: 294px;
    margin: -152px 0;
    height: 189px;
    padding: 164px 10px 16px;
    overflow: hidden;
    line-height: 27px;
}

.meoinfocellimgholder {
    width: 100%;
    height: 152px;
    overflow: hidden;
}

.meoinfocellimgholder img{
display:block;
width:100%;
}



/*--------------FOOTER-------------------*/


.footerholder {
overflow:hidden;
width:100%;
    padding: 19px  27px 0 27px;
}


.footercell {
overflow:hidden;
display:block;
padding-left: 42px;
float:left;
}

.footercell h2, .footercellbigger h2{
font-size:18px;
color: #333333;
}


.bluediv {
width: 34px;
    height: 3px;
    background-color: #1a4c8c;
    margin-bottom: 25px;
	margin-top:25px;}

.footercell ul{
padding-left:0px;

}

.footercell ul li{
list-style:none;
padding-bottom:25px;

}

.footercell ul li a, .footercell ul li a:link, .footercell ul li a:active, .footercell ul li a:visited  {
text-decoration:none;
cursor:pointer;
color:#6e6e6f;
font-weight:300;
font-size: 14px;

}

 .footercell ul li a:hover{

color:#1a4c8c;

}


.footercellbigger {
overflow:hidden;
display:block;
    padding-left: 45px;
float:left;

}

.footercellbigger p {
color:#6e6e6f;
font-size:13px;
font-weight:300;
}

.connectlinks {
overflow:hidden;
width:100%;
    padding-top: 35px;
    padding-bottom: 65px;
}

.connectlinks a {
cursor:pointer;
}

.connectlinks a img{
margin-right:25px;
}



.checkbox {
    padding-left: 20px; }
.checkbox label {
    display: inline-block;
    position: relative;
   /* padding-left: 5px;*/ }
.checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #4ACBC2;
    border-radius: 3px;
    background-color: #F6F6F6;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
.checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
        top: 2px;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #555555; }
    .checkbox input[type="checkbox"] {
        opacity: 1;
        margin-left: 0;
        left: 1px;
    }
.checkbox input[type="checkbox"]:focus + label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
.checkbox input[type="checkbox"]:checked + label::after {
    font-family: 'FontAwesome';
    content: "\f00c"; }
.checkbox input[type="checkbox"]:disabled + label {
    opacity: 0.65; }
.checkbox input[type="checkbox"]:disabled + label::before {
    background-color: #eeeeee;
    cursor: not-allowed; }
.checkbox.checkbox-circle label::before {
    border-radius: 50%; }
.checkbox.checkbox-inline {
    margin-top: 0; }

.checkbox-primary input[type="checkbox"]:checked + label::before {
    background-color: #428bca;
    border-color: #428bca; }
.checkbox-primary input[type="checkbox"]:checked + label::after {
    color: #fff; }

.checkbox-danger input[type="checkbox"]:checked + label::before {
    background-color: #d9534f;
    border-color: #d9534f; }
.checkbox-danger input[type="checkbox"]:checked + label::after {
    color: #fff; }

.checkbox-info input[type="checkbox"]:checked + label::before {
    background-color: #4ACBC2;
    border-color: #4ACBC2;}
.checkbox-info input[type="checkbox"]:checked + label::after {
    color: #fff; }

.checkbox-warning input[type="checkbox"]:checked + label::before {
    background-color: #f0ad4e;
    border-color: #f0ad4e; }
.checkbox-warning input[type="checkbox"]:checked + label::after {
    color: #fff; }

.checkbox-success input[type="checkbox"]:checked + label::before {
    background-color: #5cb85c;
    border-color: #5cb85c; }
.checkbox-success input[type="checkbox"]:checked + label::after {
    color: #fff; }

.radio {
    padding-left: 20px; }


.radio label {
    display: inline-block;
    position: relative;
    padding-left: 30px; }


.radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: 0px;
    border: 1px solid #586987;
    border-radius: 0;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out; }


.radio label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 11px;
    height: 11px;
    left: 3px;
    top: 3px;
    margin-left: -20px;
    border-radius: 0;
    background-color: #555555;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }


.radio input[type="radio"] {
    opacity: 0; }

.radio input[type="radio"]:focus + label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }

.radio input[type="radio"]:checked + label::after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); }

.radio input[type="radio"]:disabled + label {
    opacity: 0.65; }

.radio input[type="radio"]:disabled + label::before {
    cursor: not-allowed; }

.radio.radio-inline {
    margin-top: 0; }

.radio-primary input[type="radio"] + label::after {
    background-color: #428bca; }

.radio-primary input[type="radio"]:checked + label::before {
    border-color: #428bca; }

.radio-primary input[type="radio"]:checked + label::after {
    background-color: #428bca; }


.radio-danger input[type="radio"] + label::after {
    background-color: #d9534f; }

.radio-danger input[type="radio"]:checked + label::before {
    border-color: #d9534f; }

.radio-danger input[type="radio"]:checked + label::after {
    background-color: #d9534f; }

.radio-info input[type="radio"] + label::after {
    background-color: #5bc0de; }

.radio-info input[type="radio"]:checked + label::before {
    border-color: #4ACBC2; }

.radio-info input[type="radio"]:checked + label::after {
    background-color: #4ACBC2; }


.radio-warning input[type="radio"] + label::after {
    background-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::before {
    border-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::after {
    background-color: #f0ad4e; }

.radio-success input[type="radio"] + label::after {
    background-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::before {
    border-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::after {
    background-color: #5cb85c; }
    
    
    
    
/*   OBORY */

.obory {
    display: block;
    overflow: hidden;
    padding-left: 40px;
    padding-right: 40px;
}
  /* 
    .obory:first-child {
        padding-left: 0px;
        padding-right: 80px;
    }

   .obory:last-child {
        padding-right: 0px;
        padding-left: 80px;
    }       */


    .obory .hdimageholder + h3 {
        text-align: center;
        font-weight: 600;
        font-size: 22px;
        color: #3e3e3e;
        text-decoration: none;
    }

    .obory a, .obory a:hover, .obory a:active, .obory a:link, .obory a:visited {
        color: #3e3e3e;
        text-decoration: none;
    }


        .obory a p {
            text-align: center;
            font-weight: 400;
            font-size: 18px;
            color: #3e3e3e;
            text-decoration: none;
            line-height: 1.4;
        }

.hdimageholder {
    height: 70px;
    display: table;
    width: 100%;
    margin-top: 18px;
        z-index: -1 !important;
            
}

a.linkobory, a.linkobory:hover, a.linkobory:link, a.linkobory:active, a.linkobory:visited{   

    display: block;
    width: 100%;
    text-align: center;
    font-weight: 600;
    font-size: 22px;
    color: #3e3e3e;
    text-decoration: none;
    padding-bottom: 20px;
    padding-top: 20px;
    cursor: pointer !important;
    z-index:10000;
    font-family: 'Roboto Slab' !important;
    }

a.linkoborytext, a.linkoborytext:hover, a.linkoborytext:active, a.linkoborytext:link, a.linkoborytext:visited {
display: block;
    width: 100%;
    text-align: center;
    z-index: -1 !important;
        cursor: pointer !important;

}

.oborimg {
    display: block;
    padding: 60px;
    padding-bottom: 0px;
    padding-top: 0px;
    cursor: pointer;

}

/*

.dxss-wrap .obory:last-child
, #testplacecontent .obory:last-child
, [class^="dxheDesignViewArea"] .obory:last-child {
    padding-right: 0px;
    padding-left: 0px;
}     */


    /*-----------------------------------Kontakty-----------------------------------*/



.kontakt-cell {
    display: block;
    min-height: 70px;
    max-width: 300px !important;
    margin: 0px auto;
    margin-top: 20px;
    margin-bottom: 30px;
        background: #706F6F;
}

.dxss-wrap .kontakt-cell 
, #testplacecontent .kontakt-cell 
, [class^="dxheDesignViewArea"] .kontakt-cell {
   min-height: 100px;
}     

    .kontakt-cell img {
        display: block;
        float: left;
    }

    .kontakt-cell p {
        display: block;
        float: left;
        color: white;
        padding-top: 28px;
    }


    .kontakt-cell a, .kontakt-cell a:hover, .kontakt-cell a:active, .kontakt-cell a:link, .kontakt-cell a:visited {
        display: block;
        float: left;
        color: white;
        padding-top: 28px;
    }

    .kontakt-cell p + a {
        margin-left: 5px;
    }



    h3.postuph {
    text-align: center;
    padding-top: 0;
    margin-top: -13px;
    font-size: 20px;
    color: #109990;
    font-weight: bold;
}

h3.postuph a {
 
    color: #fa9471;
    font-weight: bold;
    text-decoration: underline;
}
h3.postuph a:hover {
    text-decoration: none;
}

 h3.postuph  {
  display: none;
 
} 

form[action="/cz/kategorie/flexibooks/"] h3.postuph  {
  display: block;
 
} 

.payanddelivery .col-md-5.mauto {
    width: 491px;
    overflow:visible;
   
}

.obory.IkonBoxy {
    position: relative;
}

.obory.IkonBoxy a.boxflink {
    background: rgba(255, 255, 255, 0.35);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    text-indent: -5000px;
    
}

.obory.IkonBoxy a.boxflink br {
  content: '';
  white-space: pre;
  display: none;
}

.obory.IkonBoxy a.boxflink:hover {
   background: transparent;
   
      -webkit-transition: background .3s ease-in-out;
        -moz-transition: background .3s ease-in-out;
        -ms-transition: background .3s ease-in-out;
        -o-transition: background .3s ease-in-out;
        transition: background .3s ease-in-out;
        
        
}

.obory.IkonBoxy a.linkobory {
    color: black;
    padding: 5px 0;
}

.IkonBoxyFlex {
    display: flex;
    align-items: center;
    justify-content: center;
        height: 175px;
}

.obory.IkonBoxy .centerdiv {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 90px;
}

.IkonBoxyFlex, .IkonBoxyFlex div[class^="article_cell_"] {
    padding: 0;
        height: auto;
}

.IkonBoxyFlex .hdimageholder {
 margin-top: 0;
}

.obory.IkonBoxy  a.linkoborytext {
    height: 34px;
}

.vyberte.dn {
    display: block !important;
}

label.control-label.podmsouhlastext {
    padding-top: 3px;
}

.has-error .col-lg-12.podmsouhlas {
    border: 1px solid red;
    padding-top: 5px;
}


.has-error.souhlaspole:after {
    content: "Souhlas musĂ­ bĂ˝t potvrzen!";
    position: absolute;
    z-index: 9999;
    color: red;
    left: 0;
    margin: 41px 16px;
    font-weight: bold;
        text-transform: uppercase;
}

.has-error .col-lg-12.podmsouhlas * {
    color: red !important;
        text-transform: uppercase;
}

.personType.row .col-md-5.mauto * {
    margin: 0 5px;
}

.personType.row .col-md-5.mauto {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
        padding-top: 36px;
}

.personTypeBtn {
    position: relative;
    overflow: visible;
}


.help 
{
    display:block;
    position:relative;
    }
    
.personTypeBtn .help span {
        display: none ;
        position: absolute;
        width: 217px;
        top: 9px;
        right: 7px;
        padding: 5px;
        border: 0 none;
        background-color: #109990;
        color: white;
        font-size: 13px;
        padding: 13px;
        line-height: 120%;
        border-radius: 5px;
        z-index: -1;
    }

    

.personTypeBtn .help {
    position: absolute;
    z-index: 99999;
    right: -12px;
    width: 28px;
    height: 23px;
    top: -9px;
    left: auto;
}
    
.personTypeBtn .help:hover span 
    {
    display: block !important;
    }

    .delivery .help:hover span 
    {
    display: flex !important;
    }



    input, select, textarea, option, button {
        outline: none!important;
    }

  .delivery .help {
        position: absolute;
    }


    .delivery .help {
        position: absolute;
        top: -14px;
        left: 5px;
    }
  
     .deliverycell .help
    {
    position: absolute;
    top: 5px;
    left: 287px;
    z-index: 10000;}

    .delivery .help span {
        display: none;
        position: absolute;
        width: 301px;
        top: -49px;
        left: 11px;
        padding: 5px;
        border: 0 none;
        background-color: #109990;
        color: white;
        font-size: 13px;
        padding: 13px;
        line-height: 120%;
        border-radius: 5px;
        z-index: 0;
        height: 57px;
        align-items: center;
    justify-content: center;
    }
 



a#WebPostLinkCmdParcelMap {
    background: #004b91;
    color: white;
    border: none;
    border-radius: 5px !important;
    margin: -2px 0 0 4px;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

 

.parceladress {
   /* color: #004b91;*/
    color:#109990;
    font-size: 14px;
    position: absolute;
    right: 0;
    margin: -43px 0 0 0;
    /* background: red; */
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 380px;
    padding-top: 5px;
    bottom: -2px;
}


.pay label 
{
    font-weight:300 !important ;}
    
   #parcelshop-info 
   {
       padding-top:5px;
       }
       
        
     #parcelshop-info .dxbButton_MetropolisBlue 
    {
    background: url(../img/buttonek.png) 4px no-repeat;
    width: 200px;
    height: 37px;
    text-align: right; }
    
 #parcelshop-info .dxbButtonHover_MetropolisBlue 
    {
    background: url(../img/buttonek.png) 4px no-repeat #109990 !important;
 border: 1px solid #109990 !important;
/*            color: white;
    background-color: #109990 !important;
   */}

.deliverycellclick {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: red; */
}

.paycellclick {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: red; */
}


.folderContent {
display: flex;
justify-items: center;
justify-content: flex-start;
flex-wrap: wrap;
}


.folderContent .folderContentCell {
    display: flex;
    width: 200px;
    height: 100px;
    margin: 0px 15px 15px 0px;
    background-color: #49a103;
    padding: 20px;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    overflow: hidden;
    border-radius: 20px;
}

.articleInfo {
    position: relative;
}

.articleInfo h3
{
    width: 100%;
    text-align: center;
    font-size: 20px;
    color: white;

}

.articleInfo p,
.articleInfo a
{
    width: 100%;
    text-align: center;

}

.articleInfo a
{
    display: block;
    width: 100%;
    text-align: center;
    padding: 50px 100px;
    position: absolute;
    bottom: -21px;
    left: -18px;
}

.articleImg {
    display: none;
}</pre></body></html>