A:link {text-decoration: underline; color: #474747;}
A:visited {text-decoration: underline; color: #474747;}
A:hover {text-decoration: none; color: #black;}

.odkazM A:link {text-decoration:none; color:#58595b;}
.odkazM A:visited {text-decoration:none; color:#58595b;}
.odkazM A:hover {text-decoration:none; color:#58595b;}

.odkazM2 A:link {text-decoration:none; color:#808285;}
.odkazM2 A:visited {text-decoration:none; color:#808285;}
.odkazM2 A:hover {text-decoration:none; color:#808285;}

.odkazM3 A:link {text-decoration:underline; color:#808285;}
.odkazM3 A:visited {text-decoration:underline; color:#808285;}
.odkazM3 A:hover {text-decoration:none; color:#808285;}

.odkazD A:link {text-decoration:none; color:black;}
.odkazD A:visited {text-decoration:none; color:black;}
.odkazD A:hover {text-decoration:none; color:black;}


.odkazLinkBotMail A:link { text-decoration: underline; color: #808285;}
.odkazLinkBotMail A:visited { text-decoration: underline; color: #808285;}
.odkazLinkBotMail A:hover { text-decoration: none; color: black;}

.odkazLinkBotPhone A:link { text-decoration: none; color: #808285;}
.odkazLinkBotPhone A:visited { text-decoration: none; color: #808285;}
.odkazLinkBotPhone A:hover { text-decoration: none; color: black;}

.odkazLinkBotWeb A:link { text-decoration: none; color: #808285;}
.odkazLinkBotWeb A:visited { text-decoration: none; color: #808285;}
.odkazLinkBotWeb A:hover { text-decoration: none; color: black;}



body {background: url(../images/bgMobile.jpg) white repeat-x center bottom; z-index: 0; color: #808285; font-family: 'Roboto Flex', Tahoma, Verdana, Arial, sans-serif; font-size: 15pt; font-weight: 100; margin: 0px; padding: 0px; margin-bottom: 0px; padding-bottom: 0px;}
p {font-family: 'Roboto Flex',Tahoma, Verdana, Arial, sans-serif; font-size: 15pt; font-weight:100;}


h1 {font-size: 15pt !important; margin: 0px !important; font-weight:100;}
h2 {font-size: 15pt !important; margin: 0px !important; font-weight:100;}
h3 {font-size: 15pt !important; margin: 0px !important; font-weight:100;}
h4 {font-size: 15pt !important; margin: 0px !important; font-weight:100;}



img {max-width:100%; height:auto;}
/* img.center {display: block;  margin-left: auto; margin-right:auto;} */

#topPartMob {min-height: 7em; _height: 7em; background-color: white; position:relative; top: 0px; left: 0px; padding:0; z-index:1000;}


#logoM {max-width:80%; height:auto; position:absolute; left: 0px; top:0px;}
#otevreni {position:absolute; top: 25px; right:20px;}
.dira {min-height: 3em; _height: 3em;}

.mainP2 {width: 100%; padding: 0px; margin: 0px; border: 0px; background-color: #e7dce3; display: flex; justify-content: center; z-index: 5;}
#blk2 {position:relative; left: 0px; width:auto; height: auto; padding-left: 20px; padding-right: 20px; text-align: center; display: flex; justify-content: center; background-color: #e7dce3; border:0px solid red;}
#blk3 {position:relative; height: auto; display: grid; place-items: center; background-color: #e7d5df;}
#blk4Mob {position:relative; height: auto; padding-left: 20px; padding-right: 20px; padding-top: 30px; padding-bottom: 30px; font-family: 'Oswald'; font-weight: 100; font-size: 30pt; text-align: center;}
#blk51Mob {position:relative; height: auto; text-align: center; background-color: #e7dce3; padding-left: 20px; padding-right: 20px; padding-bottom: 50px;}
#blk52Mob {position:relative; height: auto; text-align: center; background-color: #fff; padding-left: 20px; padding-right: 20px; padding-bottom: 50px;}
.mainP1Mob {position:relative; width:auto; height: auto; padding-left: 20px; padding-right: 20px; padding-top: 30px; padding-bottom: 30px; font-family: 'Oswald'; font-weight: 100; font-size: 30pt; text-align: center;}
#blk6 {position:relative; height: auto; background-color: #e6e7e8; border-top-style: solid; border-top-width: 0px; border-top-color: gray;}
#blk7 {position:relative; height: auto; display: flex; justify-content: center; background-color: #e6e7e8; padding-bottom: 50px;}

#blk1a {position:relative; height: auto; width: auto; background-color: #fff;}
#blk2a {position:relative; height: 5em; background-color: #e7dce3;}
#teloSekceNadpis {position: relative; padding-left: 20px; padding-top: 40px; min-height: 4em; _height: 4em;}
.tsNadpisText h2 {font-size: 20pt !important; font-weight: 300 !important; text-transform:uppercase; color: #474747;}



.kontejnerPage {background-color: #fff;}
.kontejnerPageL {width: 95%; padding: 0px; margin: 0px; text-align: left; z-index: 10;}
.kontejnerPageR {width: 95%; padding: 0px; margin: 0px; border: 0px; text-align: right; z-index: 5;}
.kontejnerNadpis h2 {font-size: 20pt!important; margin: 0px!important; color: #474747;}


.osetreniNadpis h2 {width:95%; font-size: 18pt!important; margin: 0px!important; font-weight:300!important; color: #474747; border-bottom: 1px solid #e6e7e8;}
.osetreniText  {padding-top: 0px; width:95%;}
.osetreniText2  {padding-top: 0px; width:95%;}
.osetreniCena  {font-size: 18pt!important; margin: 0px!important; font-weight:300!important; color: #b6238f;}
.osetreniCena2  {font-size: 18pt!important; margin: 0px!important; font-weight:300!important; color: #b6238f;}
.osetreniInformace {height:30px;}


.myButton {width:50%; height:3em; background-color: #a7a9ac; font-size:13pt;color : white; padding: 10px 20px; border: none; border-radius: 3px; cursor: pointer; text-decoration: none; display: inline-block;}
.myButton:hover {background-color: #939598;}
.myButton:active {background-color: #939598;}
.btnVedetViceSkryt {cursor:pointer; cursor:hand;}


#kontakt {width:auto; padding-top: 80px; padding-bottom: 80px;}
.kontaktLeva {position: relative; width: auto; padding-left: 20px; z-index : 10;}
.kontaktPrava {position: relative; width: auto; padding-left: 20px; padding-top: 80px; z-index: 10;}


.mapa {width:90%; height:10em;}
.ramecek0 {border: 0px solid transparent;}
.ramecek1 {border: 1px solid #a7a9ac;}
.ramecekBily {border: 1px solid white;}




.image-container {padding: 50px;}



.blk1220 {width: auto; padding-top: 50px; }
.blk1220-1 {width: auto; padding: 0px;}
.blk1220-2 {width: auto; }

.boxMail, .boxPhone, .boxLocation {width:auto; height: auto; padding-top:40px;}
.boxText {padding-top:20px; text-align: center;}
.pictC {display: flex; justify-content: center;}
.text-overlay {text-align: center; color: black;}


.pismo10 {font-size: 10pt;}
.pismo12 {font-size: 12pt;}
.pismo15 {font-size: 15pt;}
.pismo20 {font-size: 20pt;}
.pismo30 {font-size: 30pt;}
   
.h30 {height: 20px;}  
.h50 {height: 20px;}
.h80 {height: 20px;}
.h100 {height: 20px;}

.cprJ {font-size: 12pt; font-style: italic;}



#centralDiv {position:relative; margin:0; padding:0; min-height: 300px; _height: 300px; width: 100%; display:inline-block; place-items: center; background-color: #fff;}
.dira50 {min-height: 1em; _height: 1em;}
.dira100 {min-height: 3em; _height: 3em;}
.sirka1220 {width: auto; padding-left: 20px; }



/* cenik */
/*table {display: none;}*/
table.patickaOdkazy {display: none;}
.tableCenik {position:relative; left:0px; top:0px; width:95%;}
.sirkaTdCenLi, .sirkaTdCen {width:auto; height:35px; padding-left:5px;}
.sirkaTdCenLi2, .sirkaTdCen2 {width:100px; height:35px; text-align:right; padding-right:5px;}

.sirkaTdCenLi {background:#efeff0;}
.sirkaTdCenLi2 {background:#efeff0;}
.artH {position: relative; left: 5px; top: 0px; font-size:1.2em!important; margin:0px!important; color:#b6238f;}
.artH2 {font-weight: bold; padding-left: 5px;}
.artH3 h3 {position: relative; left: 5px; top: 0px; font-size:1.1em!important; margin:0px!important; color:#b6238f;}

.tucne {font-weight: 500;}
.btnObjednat3 {position: relative; text-align: center;}

.rt {border: 1px solid red;}

#myContent {position:relative; left: 10px; top:50px; max-width:90%;}
#myContent1, #myContent2, #myContent3, #myContent4, #myContent5 {position:relative; left: 0px; top:0px; max-width:100%;}

#myContent6, #myContent7, #myContent8, #myContent9, #myContent10, #myContent11, #myContent12 {position:relative; left: 0px; top:0px; max-width:100%;}
#otevreni6, #otevreni7, #otevreni8, #otevreni9, #otevreni10, #otevreni11, #otevreni12 {position:relative; left: 0px; top:0px; max-width:100%;}


.menu1 {min-height: 2.5em; _height: 2.5em; text-transform:uppercase; line-height:2.5em; background:white; font-weight:bolder; position:relative; left: 0px; top:0px; border-bottom: 1px solid #bcbec0;}
.menu2 {min-height: 2.5em; _height: 2.5em; text-transform:uppercase; line-height:2.5em; background:white; position:relative; left: 0px; top:0px; border-bottom: 1px solid #bcbec0;}


#mainPictureDef {display:block; position:relative; left: 10px; width:90%;}  
#teloDef1 {position:relative; left: 10px; width:90%;}
#teloDef2 {position:relative; left: 10px; width:90%;}
#teloPolozky2 {position:relative; left: 10px; width:90%;}
/*#teloPolozky2 {text-align:center; margin-left: auto; margin-right:auto;}*/
.teloPolozkyNadpis h2 {font-size:1.2em!important; margin:0px!important; color:#808285; height:40px;}
.teloPolozkyButton {min-height: 6em; _height: 6em; }


.teloDefNadpis {font-size:1.2em!important; margin:0px!important; color:#b6238f;}
.teloDefNadpis h2 {font-size:1.2em!important; margin:0px!important; color:#b6238f;}
.velka {text-transform:uppercase;}
.obrys {padding: 5px; background: #efeff0; border: 1px solid #d1d3d4; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}

/* sipka top page */
.back-to-top {position: fixed; bottom: 30px; right: 30px; width: 45px; height: 45px; z-index: 9999; cursor: pointer; text-decoration: none; transition: opacity 0.2s ease-out; background-image: url(../images/sipkaTop.png);}
/*.back-to-top:hover{opacity: 0.7;}*/


/* ---------- seznamy -------------- */
ul.pictureGrey {margin-left: 0px; margin-top: 5px; padding-left: 20px;}
ul.pictureGrey li {list-style-image: url("../icon/pnt14LiGrey.jpg");}

.teloNadpis2 {font-size:1.2em!important; margin:0px!important; color:#b6238f; position:relative; left: 0px; width:90%;}



/* kosmetika */
#hlavniNadpis h2 {font-size:1.2em!important; margin:0px!important; color:#b6238f; position:relative; left: 10px; width:90%;}
#telo {position:relative; left: 0px; width:100%;}
#teloObsah {position:relative; left: 10px; width:90%;}
.btnTop {position:relative; min-height : 5em; _height: 5em; text-align:right;}

/*.youTubeVideo {width: 622px; height: 350px; border: 1px solid #a7a9ac; z-index: 0;}*/
#youTubeVideoMob {position:relative; left: 0px; max-width:100%; height:auto;}  

.formPoptavka {position:relative; left: 10px; width:90%; height: 100vh; padding:10px; background-color:#f6f6f6; border:1px solid #e6e7e8;}
.formPoptavka2 {position: relative; left: 0px; top: 0px; float: left; font-size: 14pt; width: 100%; min-height: 80px; _height: 80px;}
.formPoptavkaNadpis {position: relative; left: 0px; top: 0px; float: left; width: 100%; min-height: 60px; _height: 60px;}
.teloNadpis5 {font-weight: normal; font-size: 14pt; color: #b6238f;}
.formPoptavkaLeva {position: relative; left: 0px; top: 0px; float: left; width: 100%;}
.formPoptavkaPrava {position: relative; left: 10px; top: 20px; float: left; width: 95%; min-height: 360px; _height: 360px; font-size: 14pt; text-align: center; background-color: #e6e7e8; border: 1px solid #d1d3d4; z-index:0;}
.formPoptavka2Button {position: relative; left: 0px; top: 0px; float: left; width: 100%; min-height: 70px; _height: 70px; text-align: center; line-height: 70px;}
.lb10 {font-size: 14pt; background-color: white; width: 100%; border: 1px solid #e6e7e8; color: #808285; padding:4px;}
.delka590 {width: 95%;}
.formPoptavka1 {position: relative; left: 0px; top: 0px; float: left; font-size: 14pt; width: 100%; min-height: 80px; _height: 80px;}
.tb10 {font-size: 14pt; background-color: white; width: 95%; border: 1px solid #e6e7e8; color: #808285; padding:4px;}
.delka280 {width: 95%;}
.ta10 {font-size: 14pt; background-color: white; width: 95%; border: 1px solid #e6e7e8; overflow: hidden; color: #808285; padding:4px;}
.delka575 {width: 95%;}
.capTxt {font-size: 14pt;}
.capImg {position: relative; max-width:100%; text-align:center; margin-left: auto; margin-right:auto; height:auto;}
.capInp {position: relative; text-align:center; margin-left: auto; margin-right:auto; width: 40%;}

.odkaz2 { text-decoration: underline; color: #808285; font-weight: normal; z-index:10;}
.bottMobile {text-align:center; background:#e6e7e8; position: relative; top: 0px; bottom: 0px; width: 100%; min-height: 15em; _height: 15em; line-height: 2em;}
.kurziva {font-style: italic;}
	 

.formButtonMobile {
 	position: relative;    
    font-size: 14pt;
    text-align:center; margin-left: auto; margin-right:auto;
    width: 40%;
    height: 50px;
    background-color: #54aee2;
}




/* skryti polozek ze stylu pro standard web */
#main-nav {display: none;}
#blk4 {display: none;}
#blk5 {display: none;}

.mainP1 {display: none;}
.hover-image {display: none;}

#titulek {display: none;}
#logo {display: none;}
#callUs {display: none;}
#topLang {display: none;}
#dalsiWeby {display: none;}
#navi {display: none;}
#banner {display: none;}
#MainPicture {display: none;}
.fbTop {display: none;}
.fbBottom {display: none;}
.wifiFree {display: none;}
.partneri {display: none;}
.webNovinky {display: none;}
#lbBottomContainer {display: none;}
#popUpOkno {display: none;}
#lbOverlay {display: none;}
#lbCenter {display: none;}
#lbBottomContainer {display: none;}
#drobeckovaNavigace {display: none;}
.dira80 {display: none;}
.btnObjednat {display:none;}
.btnObjednat1 {display:none;}
.btnObjednat2 {display:none;}
.btnCenik {display:none;}
.topP {display:none;}
.teloGalerie {display:none;}
.cprMax {display: none;}

/*.cprMax {text-align:center; position: relative; top: 30px; bottom: 0px; width: 95%; min-height: 80px; _height: 80px; line-height: 30px;}*/