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

.odkazMenu A:link {text-decoration: none; color: #474747; font-weight: normal;}
.odkazMenu A:visited {text-decoration: none; color: #474747; font-weight: normal;}
.odkazMenu A:hover {text-decoration: none; color: black; font-weight: normal;}


.odkazLinkBotMail A:link { text-decoration: none; color: #808285;}
.odkazLinkBotMail A:visited { text-decoration: none; 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 {
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-bottom: 0px;
background: url('../images/bg/bg_orchids2.jpg') white no-repeat center 0px fixed; 
color: #808285;
font-family: 'Roboto Flex',Tahoma, Verdana, Arial, sans-serif;
font-size: 14pt;
font-weight:100;
}

form {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
p {font-family: 'Roboto Flex', Tahoma, Verdana, Arial, sans-serif; font-size: 14pt; font-weight:100;}
table {font-family: 'Roboto Flex', Tahoma, Verdana, Arial, sans-serif; font-size: 14pt; border: 0px; border-spacing: 0px 0px; width:100%;}
img {border: 0px;}

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


/* 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;}*/






/* ---------- hlavni  -------------- */
#mainDiv {position: relative; width: 100%; margin-top: 80px; z-index: 0;}
#mainCentrovani {position: relative; height: 100px; margin-left: auto; margin-right: auto; background-color: #fff; z-index: 0;}
#centralDiv {position:relative; margin:0; padding:0; min-height: 300px; _height: 300px; width: 100%; display:inline-block; place-items: center; background-color: #fff;}
#titulek {position: absolute; left:50%; top: 0px; width: 500px; margin-left: -500px; height:20px; text-align:left; color:white;  z-index: 0;}


#blk2 {position:relative; height: 460px; width: 100%; text-align: center; display: flex; justify-content: center; background-color: #e7d5df;}
#blk3 {position:relative; height: 500px; display: grid; place-items: center; background-color: #e7cbd7;}
#blk4 {position:relative; height: 400px; font-family: 'Oswald'; font-size: 36pt; color: white; text-align: center; display: grid; place-items: center;}
#blk5 {position:relative; height: 450px; text-align: center; display: flex; justify-content: center; background-color: #fff; }
#blk6 {position:relative; height: 300px; display: grid; place-items: center; background-color: #fff; border-top-style: solid; border-top-width: 1px; border-top-color: gray;}
#blk7 {position:relative; height: 200px; display: flex; justify-content: center; background-color: #fff;}

#blk1a {position:relative; min-height: 300px; _height: 300px; width: 100%; display: flex; justify-content: center;  margin-left: auto; margin-right: auto; background-color: #fff;}
#blk2a {position:relative; min-height: 200px; _height: 300px; display: flex; justify-content: center; background-color: #e7dce3;}
#teloSekceNadpis {position: relative; width:1220px; padding-top: 100px; }
.tsNadpisText h2 {position: relative; font-size: 35pt !important; font-weight:300 !important; text-transform:uppercase; color: #474747;}


#kontakt {width:1220px; padding-top: 80px; padding-bottom: 80px; display: flex;}
.kontaktLeva {position: relative; left: 0px; top: 0px; width: 610px; z-index : 10;}
.kontaktPrava {position: relative;  left: 0px; top: 0px; width: 610px; z-index: 10; text-align: right;}

.blk1220 {width:1220px; padding-top: 80px;}
.blk1220-1 {width:1220px; padding: 0px;}
.blk1220-2 {width:1220px;}

#main-nav {position: fixed; top: 0; left: 0; width: 100%; background-color: white; padding: 1px 0; z-index: 1000;}

.kontejnerMain {display: flex; align-items: center; background-color: #e7dce3;}
.mainP1 {width: 50%; padding: 0px; margin: 0px; border: 0px; color: white; background-color: transparent; text-align: center; font-family: 'Oswald'; font-size: 40pt; z-index: 10;}
.mainP2 {width: 50%; padding: 0px; margin: 0px; border: 0px; background-color: #e7dce3; text-align: right; z-index: 5;}

.pictR {display: flex; justify-content: flex-end;}
.pictC {display: flex; justify-content: center;}
.pictCA {display: flex; justify-content: space-around;}
.borTop {border-top-style: solid; border-top-width: 1px; border-top-color: gray;}


.kontejner {display: flex; align-items: center;}
.blok1, .blok2 {width: 35%; padding: 0px; margin: 0px; border: 0px solid black;}
.blok2 {width: 65%;}


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

.osetreniNadpis h2 {font-size: 20pt!important; margin: 0px!important; font-weight:300!important; color: #474747; border-bottom: 1px solid #e6e7e8;}
.osetreniText  {padding-top: 0px;}
.osetreniText2  {padding-top: 0px;}
.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;}



.tableCenik {position:relative; left:0px; top:0px; width:1220px;}
.sirkaTdCenLi, .sirkaTdCen {width:auto; height:50px; padding-left:10px;}
.sirkaTdCenLi2, .sirkaTdCen2 {width:200px; height:50px; text-align:right; padding-right:10px;}
.sirkaTdCenLi {background:#efeff0;}
.sirkaTdCenLi2 {background:#efeff0;}


    
nav ul {list-style: none; display: flex; padding: 0; margin: 0; background-color: white;}
nav ul li {margin: 0;}
nav ul li a {display: block; padding: 10px 20px; text-decoration: none; color: #474747; background-color: white; border: 0px solid white; margin: 0px;}
nav ul li a:hover {background-color: #efeff0;}    

.image-container {position: relative; display: inline-block; overflow: hidden;}
.background-image {display: block; width: 100%;	height: auto;}
.text-overlay {position: absolute; top: 50%; left: 50%;	transform: translate(-50%, -50%); color: white; text-align: center; z-index: 1; display: none;}
.hover-image {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); color: white; text-align: center; display: flex; justify-content: center; align-items: center; opacity: 0; transition: opacity 0.3s ease; z-index: 2;}
.image-container:hover .hover-image {opacity: 1;}
.skryty {display: none;}
    

.boxMail, .boxPhone, .boxLocation {width:400px;}
.boxText {padding-top:30px; text-align: center;}
.mapa {width:400px; height:300px;}

    
    
/* ---------- pismo -------------- */
.tucne {font-weight: 500;}
.kurziva {font-style: italic;}
.skrtnout {text-decoration:line-through;}
.pismoT {text-transform:uppercase;}
  

.pismoOswald {font-family:'Oswald'; font-weight: 300; font-size: 40pt;}
.pismoRobotoF {font-family:'Roboto Flex'; font-weight: 300; font-size: 40pt;}
 /* font-weight: 200; Explicitně nastavuje váhu na ExtraLight , dale muze byt 300, 400, 500, 600, 700 */


.pismo10 {font-size: 10pt;}
.pismo12 {font-size: 12pt;}
.pismo15 {font-size: 15pt;}
.pismo20 {font-size: 20pt;}
.pismo30 {font-size: 30pt;}
 

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

  
.h30 {height: 20px;}  
.h50 {height: 20px;}
.h80 {height: 20px;}
.h100 {height: 20px;}

.naStred {text-align: center;}
.naLevo {text-align: left;}
.naPravo {text-align: right;}
.gap10LR {padding-left:10px; padding-right:10px;}

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


.dira10 {position: relative; left: 0px; top: 0px; height: 10px;}
.dira20 {position: relative; left: 0px; top: 0px; height: 20px;}
.dira30 {position: relative; left: 0px; top: 0px; height: 30px;}
.dira50 {position: relative; left: 0px; top: 0px; height: 50px;}
.dira60 {position: relative; left: 0px; top: 0px; height: 60px;}
.dira80 {position: relative; left: 0px; top: 0px; height: 80px;}
.dira100 {position: relative; left: 0px; top: 0px; height: 100px;}
    
 
/* ---------- testovaci ramecek -------------- */
.rt {border: 1px solid red;}
.rt2 {border: 1px solid green;}
.rt3 {border: 1px solid blue;}
.rt4 {border: 1px solid yellow;}
.ramecek0 {border: 0px solid transparent;}
.ramecek1 {border: 1px solid #a7a9ac;}
.ramecekBily {border: 1px solid white;}

.sirka800 {width:800px;}
.sirka1220 {width:1220px;}
.sirka100p {width:100%;}
.sirkaAuto {width:auto;}



.myButton {background-color: #a7a9ac; 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;}





/* ---------- skryti mobilni casti -------------- */
#topPartMob {display:none;}
.mainP1Mob {display:none;}
#blk4Mob {display: none;}
#blk51Mob {display: none;}
#blk52Mob {display: none;}


#mainPictureDef {display:none;}  
#otevreni {display:none;}
#myContent {display:none;}
.btnObjednat1bot {display:none;}
.btnTop {display:none;}
.btnObjednat3 {display:none;}
#youTubeVideoMob {display:none;}
.bottMobile {display:none;}


/* ---------- styl pro tiskarnu -------------- */
@media print {
   .netisknout { 
        display:none;
    }  
}
@media screen { 
   .netisknout { 
		display:inline;
   } 
}