@font-face {
   font-family: 'Open Sans Light';
   font-style: normal;
   font-weight: 300;
   src:url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTRa1RVmPjeKy21_GQJaLlJI.woff) format('woff');
}

a {color: #24486C;}

.center {text-align: center;}
.centerBlock {margin-left: auto !important; margin-right: auto !important;}
.divCent {width: 1320px; margin: 0 auto;}
.whiteBoard {background-color: #fff;}
.violetBoard {background-color: #94268F; min-height: 50px;}
.bold {font-weight: bold;}
.clear {clear:both;}
.clearR {clear:right;}
.flexCent {display: flex; justify-content: center;}
.italic {font-style: italic;}
a.fbShareButton {display:table-cell; height:30px; font-size:15px; padding: 10px 20px 10px 57px; vertical-align: middle; text-decoration:none; font-weight: bold; background-color: #3B579D; color: #FFFFFF !important; background-image: url('/images/fb200.png'); background-size:50px; background-repeat: no-repeat; }
.schema {display:none;}
.strong {font-weight: bold; }
.error {color:red; font-weight: bold;}
.sLink {text-decoration: underline; cursor: pointer;}




body {font-family:Open Sans Light, arial; padding: 0; margin: 0; background-color: #00929d;}

#teva {text-align: right; padding: 5px 0; }
    #teva img {height: 35px;}
#top {background-color: #c9c6c5;}
#top #header {display: flex; padding-top:13px;} 
    #top #header #logo img {width: 190px;} 
    #top #header div {width: 50%;} 
    #top #header div.rightHead {text-align: right;display:flex; justify-content: flex-end; padding-top:27px;}
        
    #top #header div.rightHead .infolinka {background-image: url('/images/topTel.svg'); width: 115px; background-size: auto 32px; margin: 0; padding: 0; margin-left: 20px; height: 26px; font-size: 13px; font-weight: bold; color: white; padding-top: 6px; padding-right: 15px; } 
        
        #top #header div.rightHead input[type=text] { color: #94268F; font-weight: normal; width: 180px; padding-left: 5px; background-color:transparent; border:1px solid white; background-image: url('/images/search.svg'); background-size:26px; background-repeat: no-repeat; background-position: right; height:27px;} 
        #top #header div.rightHead input[type=submit] { background-color:transparent; border:none; position:relative; left:190px; height:25px; width:25px; cursor:pointer; } 


    #top #nav ul#topMenu {font-weight:bold; text-transform: uppercase; margin-left: 0; padding-left: 0; margin-top:0px; display: flex; margin-bottom:0;}
            #top #nav ul#topMenu li {list-style-type: none; padding: 3px 5px; }
            #top #nav ul#topMenu li:first-of-type {padding-left: 0; }
            #top #nav ul#topMenu li a {text-decoration: none;  text-transform: uppercase; font-size: 13px; font-weight: bold; color:#24486C; padding:4px;}
            #top #nav ul#topMenu li a:hover {background-color: #24486C; color: white;}

            #top #nav ul#topMenu li a.active {background-color: #072A50; color: white;}
            /*#top #nav ul#topMenu a.active:hover {background-color: #004F6D;}  */      
 
            
/* *** Banner *** */
 
    #banner {display: flex; justify-content: space-between; padding-top:10px; height:230px;}
        #banner .slider {  flex-shrink: 0; }
            #banner .slider .flexslider {width: 1080px; }
            #banner .slider img { width: 100%; }
        #banner .zeptejteSe { margin-left:10px; background-image: url('/images/zeptejte-se.jpg'); background-size: 100%; background-repeat: no-repeat; flex-shrink: 0;}
            #banner .zeptejteSe a {text-decoration: none; display: block; width: 219px; color: white; font-size: 30px; padding-top: 170px; padding-left: 10px; background-image: url('/images/zeptejte-se-bot.svg'); background-position: bottom; background-repeat: no-repeat;}
        

        
/* **** content **** */
#content {padding-bottom: 30px;}


    #content h1 {color: #00929d; font-size:26px; font-weight: normal; margin-top:0;padding-top:17px; margin-bottom: -7px;}
    #content h2 {color: #00929d; /*#24486C*/; font-size:25px; font-weight: normal;}
    #content a {color: #C2368B;}
    #content p.podtitul  {color: #94268F; margin-bottom:-10px; font-weight:bold; }

    #content .novinka {/*text-align: center;*/}
        #content .novinka img {max-height:300px;}
        
    #content img {max-width: 100%;}
 
/* *** doporuceneClankyBoard + Dlaždice *** */
    .doporuceneClankyBoard {display: flex;justify-content: space-between /*space-around*/; flex-wrap: wrap;}
        .pSquare {width:430px; height: 430px; overflow: hidden;}
            #content .pSquare a {display:block; color: white; text-decoration: none;}
        .pSquare .background {line-height: 0px;}
        .pSquare .background img {width:430px;}
        .pSquare .background img.mirror {  transform: scaleY(-1);}
        .pSquare .front {position:relative; top:-377px; background-image: url('/images/dlazdice/pSquare_dark.png'); height:250px; background-size:100%;}
        .pSquare .front strong {display:block;font-weight:normal; margin: 0 17px;}
        .pSquare .front strong.nadpis {padding-top:20px; line-height: 1.1em; font-size:28px; text-transform: none; font-weight: bold; height:64px; overflow: hidden;}
        .pSquare .front strong.podNadpis {margin-top:10px; margin-bottom: 20px; font-size:15px;}
        .pSquare .front strong.headLine {font-size:18px; font-weight: normal; line-height: 1.2em;}
    
        .smallSquares .pSquare {width:325px; height: 325px; margin-bottom:7px;}
        .smallSquares .pSquare .background img {width:325px;}
        .smallSquares .pSquare .background img.mirror {  transform: scaleY(-1);}
        .smallSquares .pSquare .front { top:-289px; background-image: url('/images/dlazdice/pSquare.png');}
        .smallSquares .pSquare .front strong {margin: 0 14px;}
        .smallSquares .pSquare .front strong.nadpis {padding-top:16px; font-size:21px; height:48px;}
        .smallSquares .pSquare .front strong.podNadpis{margin-top:8px; margin-bottom:10px; font-size:12px;}
        .smallSquares .pSquare .front strong.headLine {font-size:14px; line-height: 1.5em;}       
        
        
 
/* *** Příspěvky *** */        

    /* *** Příspěvky - výpis *** */        
    
    #content .pItem {display: flex; background-color: #e0e0e0; padding: 20px 0; margin: 20px 0;}
    #content .pItem:nth-child(odd) {background-color: #C4E6E9;}
        #content .pItem a {text-decoration: none; }
        #content .pItem .pItemImage {flex:none; margin-left:20px;}
            #content .pItem .pItemImage img {width: 270px;}
        #content .pItem .pItemText {margin: 0 20px; height:184px; overflow: hidden;}
            #content .pItem .pItemText h2 {margin-bottom: 5px; margin-top:-5px; font-size:20px;}
            #content .pItem .pItemText h2 a { color: #00929d;}
            #content .pItem .pItemText h3 {margin:0; font-size:15px; margin-bottom: 2px;}
            #content .pItem .pItemText p {margin:0; line-height: 1.4em;}
            #content .pItem .pItemText p a {color: #24486C;}
            
            
            
#nextButtonDiv {display:flex; justify-content: flex-end;}
    .nextButton {width:250px; text-align:center; font-weight:bold; cursor:pointer; font-size:15px; color: #00929D; background-color:white; padding: 10px 20px; margin: 10px 0 10px 10px; font-size:15px; border: 1px solid #00929D; }
        #content .nextButton a {display: block; color: #00929D; text-decoration: none; }            
            
    
    /* *** Příspěvky - článek *** */        
    #content h1.pNadpis {font-size:24px;}
/*#content .pInfo { display: flex; margin-top:7px;}*/
        #content .pDatum {margin-top:7px; color: #00929d; font-size: 12px; padding-top:3px; }
    #content .pPerex {display: flex; margin-top:10px; color: #00929d;}
        #content .pPerex .image {flex: none; padding-right:20px;}
        #content .pPerex .image img {width: 270px;}   
    #content h2.podtitul {color: #94268F; margin-bottom:-10px; font-size:20px;}
    #content .pPerex h2.podtitul {margin-bottom:5px; margin-top:0px; font-size:18px;}

    #content .pTagy {background-color: #c9c6c5; padding: 7px 0; }
        #content .pTagy .kwNadpis {margin-left:10px;}
        #content .pTagy a {margin:0 10px; color: #24486C; text-decoration: none; }

    
/* *** faq *** */  

.square {cursor:pointer; box-shadow: 0px 15px 10px 0px rgba(0,0,0,0.15); border:1px solid transparent; border-bottom:none !important; background-color:#D4E5E9;
         background-image:url('/images/dlazdice/faq_pozadi.svg'); background-size:100% auto; background-position: bottom; background-repeat: no-repeat;}


#content .homeDialogFlex {display: flex; justify-content: center; margin-top:20px;}
        #content .homeDialogFlex .homeDialogSquare { width:413px; margin-right: 23px; padding:0 5px 17px 5px;}
        #content .homeDialogFlex .homeDialogSquare:last-child {margin-right:0}

            #content .homeDialogFlex .homeDialogSquare h3 {font-size:16px; font-weight: normal;color:white; text-transform: none; background-repeat: no-repeat; padding-top:200px; height:70px; margin:10px; margin-bottom:0; background-position-x: center; background-position-y: 5px; background-size: auto 150px;}
            #content .homeDialogFlex .homeDialogSquare p {display:none;}
            
        #content #homeDialogDisplayAnswer h3, #content #placeDisplay h3 {color:#072A50; background-image:none !important; padding-top:30px;}
        #content #homeDialogDisplayAnswer {height: 0; overflow: hidden; transition: height 0.5s;}
        #content #placeDisplay h3 {padding-top: 0;}    
        
    #content .deniky {display:flex; line-height:1.1em;}  
    #content .deniky a {display:block; text-align: center; margin: 10px; margin-top:0;}  
    #content .deniky img {height: 70px;}  

/* *** centra pro léčbu *** */    
        #content .placeFlex {display:flex; flex-wrap: wrap;  align-items: center;}
            #content .placeFlex  .placeSquare {width: 170px; height:90px; margin-right: 22px; margin-bottom:13px; margin-left:0; padding:15px 5px 10px 5px; text-align: center; background-size: 110%; background-color: transparent; background-image: url('/images/dlazdice/square_light.svg');}
            #content .placeFlex  .placeSquare h2 {text-transform: uppercase; color: #C2368B; font-weight: normal; line-height: 1.2em; font-size:21px;}
            #content .placeSquare .krajDiv {display:none;}
            #content #placeDisplay {transition: opacity 0.5s; opacity: 0;}    

 

/* **** odběr novinek **** */
#odberNovinekBoard {background-color: #B161AD; padding:25px 0; color: white;}
    #odberNovinekBoard form {text-align:center;}
    #odberNovinekBoard form strong {font-size: 26px; font-weight: normal; display: block; text-align:center;}
    #odberNovinekBoard form input {border: 1px white solid; padding: 5px;  background-color: transparent; font-size:15px; color: white; width:230px; }
    #odberNovinekBoard form input[type=submit] {background-color: white; padding: 5px 10px; cursor: pointer; color: #08294F; margin-top:5px;}
    #odberNovinekBoard form input[type=checkbox] {width:auto; margin-left:0;}
    #odberNovinekBoard form span {font-size:12px;}



/* ***  Formuláře *** */

#content .centerNadpis  {
        text-align: center; margin: 20px auto 20px auto; border-bottom: 1px solid #00929d; padding-bottom: 10px; width: 50%; font-size: 17px;
    }
#content h1.centerNadpis {font-size:25px; font-weight:normal; line-height: 1.5em; margin-top: 0;}
#content h1.centerNadpis img {width:115px;}
    
.formPrihlaseni {text-align: center; margin-top:30px;margin-bottom: 40px; color:#00929d; }
    .formPrihlaseni input[type=text] {width: 400px; margin-bottom: 15px;  background-color: #fff; border: 1px solid #94268F;  padding: 10px 5px; color: #94268F; font-style:italic; text-align: center;}
    .formPrihlaseni input[type=submit] {width:178px; padding: 10px 5px; color: #fff; background-color: #94268F; border: 1px solid #94268F; margin-top: 10px; cursor:pointer; font-style:italic;}

.searchForm {text-align: left; margin-top: 5px;}
    .searchForm input[type=text] {text-align: left; font-style: normal; }
    .searchForm input[type=submit] {font-style: normal; }
    
.kontaktForm {padding: 10px 40px; border: 1px solid #94268F; color: #00929d;}
    .kontaktForm input[type=text], .kontaktForm input[type=date], .kontaktForm textarea {padding: 10px 5px; width: 99%; background-color: #e8e6e6; border: 1px solid #999999;}
    .kontaktForm textarea {height: 90px;}
    .kontaktForm input[name=antispam] {width:70%;}
    .kontaktForm input[type=submit] {float:right; width:100px; height:100px; border-radius:50px; position:relative; top:-70px; left:-75px; cursor: pointer; color:white; font-size: 15px; border:2px solid #94268F; background-color: #94268F; font-weight:bold;}
    .kontaktForm p {font-size:13px;}
    
 
/* *** Archiv *** */
    div.archiv { display: flex; flex-wrap: wrap; margin-top:10px;}
        div.archiv div {text-align: center; padding:11px; background-color: #c9c6c5; /*border:1px solid #B6D98D;*/ margin: 10px 10px 10px 0;}
        div.archiv div:hover {background-color: white; }
        div.archiv div img {width:122px;}
        div.archiv div a {text-decoration:none; font-weight:bold;}
        div.archiv div a span {font-size:12px;}      

/* *** Footer *** */     
    

#footer {text-align:center; color: white;}
#footer a {text-decoration: none; color:white;}
    #footer #botMenu {display:flex;  justify-content: center; flex-wrap: wrap;}
    #footer #botMenu ul {font-size:12px; color:#25486c; font-weight:bold; padding-top:10px; padding-left: 0; margin-left:0; margin-bottom:20px; width: 20%; text-align: left;}
        #footer #botMenu ul li {list-style-type:none; font-weight:normal; line-height: 1.7em;}
        #footer #botMenu ul li a {color:#fff; text-transform: uppercase; text-decoration: none; margin-right: 18px; font-size:11px; font-weight:bold;}

    #footer #social {display: flex;  justify-content: center; flex-wrap: wrap;}
        #footer #social div {margin: 10px 50px; text-align: center; text-transform: uppercase; font-size:11px;}
            #footer #social div img {height:50px;}
        
        
    #footer p.teva {font-size:10px; margin-top:20px;}    


    
    
    
/* KLUB */

#content .centerNadpis  {
        text-align: center; margin: 20px auto 20px auto; border-bottom: 1px solid #00929d; padding-bottom: 10px; width: 50%; font-size: 17px;
    }
#content h1.centerNadpis {font-size:25px; font-weight:normal; line-height: 1.5em; margin-top: 0;}
#content h1.centerNadpis img {width:115px;}
    
.klubPrihlaseni {text-align: center; margin-top:30px;margin-bottom: 40px; color:#00929d; }
    .klubPrihlaseni input.pass {width: 400px; margin-bottom: 15px;  background-color: #fff; border: 1px solid #94268F;  padding: 10px 5px; color: #94268F; font-style:italic; text-align: center;}
    .klubPrihlaseni input.sub {width:178px; padding: 10px 5px; color: #fff; background-color: #CADD96; border: 1px solid #94268F; margin-top: 10px; cursor:pointer; font-style:italic;}
    

    /* *** klub - dlaždice postupu *** */
        .bodyPostupu {text-align: center; width: 200px;  border:1px solid rgb(0, 153, 161); margin:5px; background: url('/images/dlazdice/square_dark.svg') no-repeat bottom; background-size: 105%;padding:5px;height:180px; box-shadow: 0px 15px 10px 0px rgba(0,0,0,0.15);}
            .bodyPostupu a {text-decoration: underline;}
            .bodyPostupu img { width:120px; }
            .flexPostup { font-size: 14px; display:flex; flex-wrap: wrap;justify-content: center;}
            #postup { margin:20px 0; }
    
 
/* PSP */
#content p.dMenu  {text-transform: uppercase; font-size:11px; margin-top:0; padding-top:15px;}

    #content #pspDiv h2 { margin-bottom:0px; padding:5px 0; margin:0; font-size: 20px;}
    #content #pspDiv ul {border: 1px solid #00929d; margin-top:0; padding-top:5px; padding-bottom:5px; padding-left: 110px; background-size: 65px; background-position: 22px center; background-repeat: no-repeat;  }
    #content #pspDiv ul li { list-style-type: none; text-transform: uppercase; margin:5px;}
    #content #pspDiv ul li a {text-decoration:none; font-size:14px; }
    
    #content h1.psp {text-transform: uppercase;}            
            
            
            
            
            
            
            
            
/* **** Responzivní design **** */    
#showTopMenuLink {display:none;}
        
@media screen and (max-width: 1350px) {
    .divCent {width: 1030px; }
    
    #content .homeDialogFlex .homeDialogSquare h3 {height: 55px;}
    #content .homeDialogFlex .homeDialogSquare { width:315px;}
    
    /* příspěvky */
    #content .pInfo .pTagy { width: 830px;}

    
    /* banner */
    
    
    /* Horní Menu */
    #top #nav ul#topMenu li {padding: 3px 2px; }
    
/* banner */
    #banner {height:179px;}
            #banner .slider .flexslider {width: 840px;}
        #banner .zeptejteSe { }
            #banner .zeptejteSe a {padding-top:122px;  width: 180px; font-size: 23px;}

    
/* *** doporuceneClankyBoard + Dlaždice *** */
        .pSquare {width:330px; height: 330px; overflow: hidden;}
        .pSquare .background img {width:330px;}
        .pSquare .background img.mirror {  transform: scaleY(-1);}
        .pSquare .front { top:-289px;}
        .pSquare .front strong {margin: 0 14px;}
        .pSquare .front strong.nadpis {padding-top:17px; font-size:21px; height:47px;}
        .pSquare .front strong.podNadpis{margin-top:8px; margin-bottom:10px; font-size:12px;}
        .pSquare .front strong.headLine {font-size:14px; line-height: 1.5em;}
        
        
        .smallSquares .pSquare {width:245px; height: 245px;}
        .smallSquares .pSquare .background img {width:245px;}
        .smallSquares .pSquare .front { top:-216px;}
        .smallSquares .pSquare .front strong {}
        .smallSquares .pSquare .front strong.nadpis {padding-top:11px; font-size:17px; height:48px;}
        /* rozumější řešení - nebudou vidět "headlines"
        .smallSquares .pSquare .front strong.podNadpis{}
        .smallSquares .pSquare .front strong.headLine {display:none;}               
        */
        .smallSquares .pSquare .front strong.podNadpis{margin-top:1px; margin-bottom: 9px; font-size: 10px;}
        .smallSquares .pSquare .front strong.headLine {line-height: 1.1em; font-size:12px; }               
        
        
    
}   

@media screen and (max-width: 1050px) {
    .divCent {width: 660px; }
    #top #header {display: block;} 
    #top #header div.rightHead {display:block; text-align:center; padding: 0 0 10px 0;}
    #top #header div.rightHead form {position: relative; left:-20px;}
    #showTopMenuLink {display:block; margin: 0 auto; cursor: pointer; width: 50px; text-align:center;}
    
    #top {height: auto; min-height: 130px;}
    #top #header {text-align: center;}
        #top #header div {width: 100%; margin:auto;}
    #top #nav {display:none; padding-bottom:5px;}
    
        #top #nav ul#topMenu {display: block; text-align:center; border-bottom:1px solid #25486c;}
        #top #nav ul#topMenu li {padding: 0px; display: block;}
        #top #nav ul#topMenu li a {display: block; text-align:center; margin: 0 6px; padding: 8px 2px; border-top:1px solid #004F6D;}
        #top #nav ul#topMenu li a.active {border-top: none;}
    
        
    #content>* {padding-left:5px; padding-right: 5px;}        
    
    /* banner */
    #content #banner {width:100%; display:block; height:auto;}
        #banner .slider .flexslider {width: 660px;}
        #content  #banner .zeptejteSe { display:none; }    
        
/* *** doporuceneClankyBoard + Dlaždice *** */
        .pSquare {margin:10px auto;}
        
        
    /* ***  příspěvky *** */
    #content .pItem {display: block; padding: 10px 0; margin: 10px 0;}
        #content .pItem .pItemImage {margin-left:0px; text-align:center;}
            #content .pItem .pItemImage img {max-width: 150px;}        
        #content .pItem .pItemText {margin: 0 10px; height:155px;}
            #content .pItem .pItemText h2 {margin-top:-5px; margin-bottom:0;}
            #content .pItem .pItemText p {margin-top:0;}
                   
      /* příspěvky - článek */      
        #content .pPerex {display: block; margin-top:10px;}
            #content .pPerex .image {flex: none; text-align: center}
            #content .pPerex .image img {max-width: 150px;}  
            
         #content .pInfo { display: block;}
        #content .pInfo .pDatum {width:auto;}
        #content .pInfo .pTagy {width: auto; text-align: left;}
            #content .pInfo .pTagy a {margin-left:0; margin-right: 10px;}  
        
        #content iframe {width: 95% !important;}      
            
    
    #content .homeDialogFlex { display: block;}
        #content .square {box-shadow: none; cursor:auto;  border: none; background-image:none !important; background-color: transparent;}
        
        #content .homeDialogFlex .homeDialogSquare { width:auto; margin-right: 0px; padding:0px; padding-top:0px;}
            #content .homeDialogFlex .homeDialogSquare h3 {margin:auto; color: #072A50; height:auto; font-weight: bold;}
            #content .homeDialogFlex .homeDialogSquare p {display:block;}
            

    #content #homeDialogDisplayAnswer {display:none;} 

    
    .klubPrihlaseni input.pass {max-width: 98%;}

    /* centra pro léčbu */  
    #content .placeFlex {display: block;}  
    #content .placeFlex  .placeSquare {width: auto; height: auto;  margin: auto; padding: auto; text-align: left;  }
    #content .placeFlex h2 {margin:auto; margin-bottom: 5px;}
    #content .placeFlex h3 {margin:auto; color: #072A50;}
    #content .placeFlex .krajDiv {display: block;}
        
    
        #content #placeDisplay {display:none;}    
    
    
    #footer {padding: 0px;}
    #footer .botMenu li {background-image: none; display: list-item;}
 
/* kontaktForm */
.kontaktForm {padding: 10px;}
    .kontaktForm input[type=text], .kontaktForm textarea {padding: 10px 5px; max-width:95%}
    .kontaktForm input[type=submit] {left:-30px;}
 
/* PSP */     
    #content #pspDiv ul {padding-left: 0px; background-image: none !important;}
        #content #pspDiv ul li {list-style-image: none; list-style-type: none; }
   
    
    
/* ***** Cookies **** */
    /*div#cookieMainDiv {height: auto !important;}*/
    div#cookieMainDiv div#cookieContent {width:auto !important; }
    div#cookieMainDiv div#cookieContent div#agreeText {width:auto !important; height: auto !important;}
}


@media screen and (max-width: 670px) {
    .divCent {width: auto;}
    .flexCent {flex-wrap: wrap;}
    
    #content img {max-width:99%; }
    #content .pSquare .background img {max-width:100%;}

    /* odběr novinek */
    #odberNovinekBoard form input {margin-top:5px;}
    #odberNovinekBoard form input[type=submit] {display: block; margin: 5px auto; }
    /* odběr novinek - stránka */
    .odberNovinekForm input.email {width: 90%;}
    
    
    #content #banner {padding-left:0; padding-right: 0;}
    #content #banner .slider {max-width:100%;}
    #content #banner .slider .flexslider {text-align:center; max-width:100%; }
    #content #banner img {max-width:100%; }
    
    #content .pItem .pItemText {height:auto;}
    
        
    /* kontaktForm */
    .kontaktForm {padding: 0; border: none;}
        .kontaktForm input[type=text], .kontaktForm textarea {padding: 10px 5px; max-width:90%}
        .kontaktForm textarea {height: 95px;}
        .kontaktForm input[name=antispam] {width: 95%;}
        .kontaktForm input[type=submit] {float:none; padding: 10px 5px; width:92%; height:auto; border-radius:0px; position: static; top:0px; left:0px; border:1px solid #94268F; }
        .kontaktForm p {font-size:13px;}   
    
    /* form přihlášení */
        .formPrihlaseni input[type=text] {max-width: 95%;}
        .searchForm {margin-top: 15px;}
        
    /* zápatí */
    #footer #botMenu ul {width: 45%; margin:5px;}
    #footer p {text-align:left; padding: 5px; }
    
    
    
}