/*------------------------------MAIN-------------------------- */
#ContainerC{
	width:100%;
    max-width: 980px;	
    text-align: left;
    margin: 0 auto;
    color: #000;
    overflow:hidden;
}

#contentC {float:left; width:770px; width:78.57142857142857%;}

#content {padding: 25px 15px;}

#content .anot {padding:7px;}
#content .anot img {float:left;padding-right: 0.5em;max-width:200px;}

#content .date {padding:7px;}

#content .photogaleryFoto{
	float:left;
	width: 33%;
	margin-bottom: 1em;
	text-align: center;
}
#content .photogaleryFoto img, 
#content #AddPcitures  img {border: 3px solid #fff;margin-top: 0.2em;}

#content .menuText {padding: 1em;background-color:#e7ecee;margin-bottom:2em;}
#content .leftimg {margin-right: 2em;}
#content .rightimg {margin-left: 2em;}


#actPathC {margin: 30px 0 0 0;}

#actPath h1 {color: #000; font-size: 1.8em; font-weight: normal; padding: 7px 0 15px 25px;}
#actPath a {color:#fff; text-decoration: none;}
#actPath a:hover {text-decoration: underline;}
#actualPathInner {font-style: italic; font-size: 1.2em; padding: 5px 0 5px 15px;background: #f8bc0c; color: #fff;}
/* ---------------------------formulare----------------------- */ 
.inputTextSmall {width: 70px;}

.inputText {width: 200px;}

.inputSelect {width: 200px;}

.inputTextarea {
	width: 200px;
	height: 100px;
}
.inputSubmit {color:#fff;background-color:#800718; border: 1px solid #a50a0f;margin-left: 5px;cursor:pointer;}

#searchBlocC{margin-bottom: 1em; padding-bottom: 25px;}

#captchaImg {vertical-align: bottom;width:86px;}
/* --------------------------- horni blok -------------------------- */
#topBanner{
     width: 100%;
     height: 200px;
     position: relative;
}


#logoC{
    width: 216px; 
    height: 81px;
    position:relative;
}

#logoC a {display: block; width: 216px; height: 81px;}

#logoC span {position: absolute; left: -10000px; border: 0px;}


#topNavigC{float:left;padding:0 20px 0 0; margin:0px;margin-top:40px;}
#topNavigC ul{margin:0px; padding:0px;}
#topNavigC li{display: inline; 
     margin: 0px;height:20px;
     margin-right:5px;
     padding: 0;
     float:left;
}
#topNavigC li a{display: block;height:20px;color:#222222;font-weight:bold; text-align:center;text-decoration:none;padding-bottom:0;padding-top:3px;}
#topNavig a:hover, #topNavig a:active, #topNavig a:focus { text-decoration: none;color:#a90f24;}


/* ------------------------------------------------- top subnavig --------------------------------------------- */
/*
#topNavigC ul li ul {
    position: absolute;
    top: 26px;
    left: 0px;
    visibility:hidden;
    margin: 0;
    padding: 5px 0px 0px 0px;
    overflow: visible;
    text-align: left;
    background:url(/images/topSubmenuBg2.png) repeat-x; 
}

#topNavigC ul li ul li {padding:8px 5px 8px 10px;width:247px;background:transparent;border-top:1px solid #fff;height:auto;}
#topNavigC ul li ul li:first-child {border:0;}

#topNavigC ul li:hover ul, #topNavigC ul li.hover ul {visibility:visible;}
#topNavigC ul li:hover ul a, #topNavigC ul li.hover ul a {background:none;}

#topNavigC ul li ul li a {
  padding:0;
  text-align: left;
  font-size:1em;
    text-transform:none;
    width:auto;
}
#topNavig li ul li a,
#topNavig li.actual ul li a {color:#787878;background:none;}
#topNavig li ul li.actual a {color:#00aacd;}
#topNavig li ul li a:hover {color:#00aacd;}

#topNavig ul li li.actual,#topNavig ul li li:hover {background:none;}
 */


#jazyky {float:right;width:100px;height:50px;position:relative;}
#jazyky ul {list-style:none;padding:0;margin:0;}
#jazyky li {display: block;}
#jazyky a {border: 0;}
#jazyky .cesky {width: 25px; height: 16px; position: absolute; left: 10px; top: 5px;}
#jazyky .english {width: 35px; height: 16px; position: absolute; left: 50px; top: 5px;}


/* --------------------------- leva navigace -------------------------- */
#leftC{	
    float:left;
    width: 203px; width:20.71428571428571%;
    overflow: hidden;        
    position: relative;	
}

#left {padding-bottom: 10px;}

#leftNavigC {           
     padding:0px;
     position: relative;
}

#leftNavigC li {margin:0; padding:0;}
#leftNavig h2 {display: none;}

#leftNavigC a, #leftNavigC a:link{
    display: block;    
    height: 40px;
    border-bottom: 1px solid #ffc20f;
    text-align: right;
    padding-right: 23px;
    line-height: 40px;
    color: #787878;
    text-decoration: none;
}

#leftNavig ul{
    margin:0;
    padding: 0 8px 0 19px;
    list-style: none;}


#leftNavig li.posledni a {border: 0;}
#leftNavig li.actual a {font-weight: bold; color: #000;}


#searchBlockC {
      width: 195px;
      height: 68px; 
      position: relative; 
      left: 8px;
      top: 0;
}

#searchText {
      width: 100px;
      background: #fff;
      border: 1px solid #fbaa0e;
      height: 18px;      
      position: absolute;
      top: 25px;
      left:15px;      
}      
      
#doSearch {     
      position: absolute;
      top: 25px;
      left:122px;
      border: 0;
}  

.levaReklama {margin:10px 0;border:1px solid #b0ddce;padding:10px 15px;}

/* --------------------------- pravy blok -------------------------- */
#rightColumnC {
     float:left;
     width:178px;
     overflow:hidden;
     padding: 13px 0 0 0; 
}
#rightColumn {padding-bottom:0px;}

#rightColumn p {padding: 7px 10px; margin: 0;}
#rightColumn h3 {padding: 3px 0 0 10px; height: 23px; font-size: 1em; color: #fff; font-weight: bold; margin: 0;}
#rightColumn table {width: 178px;}
/* --------------------------- paticka -------------------------- */
#bottomC{	
    clear:both;		
    position: relative;	
}
#bottomC a, #bottomC a:visited, #bottomC a:link {color:#fff;text-decoration: underline;text-transform:uppercase;}
#bottomC a:hover, #bottomC a:active, #bottomC a:focus  {text-decoration: none;color:#fff;}
#bottomC ul{
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
}
#bottomC li{
	padding: 0em 0.5em 0em 0.5em;
	display: inline;
}
#bottomC li.posledni{
	border-right: none;
}

#bottom {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}


#copyright{
	width: 190px;
	float:left;
	padding: 3px;
     padding-left:15px;
}
#copyright2{
    width: 192px;
    height: 42px;
    margin-left: 11px;	
    line-height: 42px;     
    background: #787878 url(../images/kytka.gif) no-repeat 17px 7px;
    color: #fff;
    text-align: center;
}

#bottomNavig{	
     padding: 10px;
     text-align: center;
     background: #111111;
}
#bottomNavig li {border-right: 1px solid #f36f21;}

/* ------------------------ produkty -------------------------*/

.productItemPicture {width:200px;}

/* --------------------------- shop -------------------------- */
.basketStep{
	float: left;
	width: 80px;
	height: 30px;
	text-align: center;
	padding-top: 5px;
	margin-left: 5px;
	border: 1px dotted #efa038;
}

.basketStepActive{
	float: left;
	width: 80px;
	height: 30px;
	text-align: center;
	font-weight: bold;
	padding-top: 5px;
	margin-left: 5px;
	border: 1px solid #efa038;
	background-color: #f7f8fe;
}

/*editace z xichtu*/

a.updatebtn {float:right;
    display:block;
    border:1px solid; 
    padding:2px 4px;color:#fff !important;
    background:#678abb !important;
    text-decoration:none;clear:both;
}

a.updatebtn:hover {background:#fff !important;color:#678abb !important; }

#prepni {display:none;text-align:center;font-size:0.8em;}
@media only screen and (max-width : 980px) {
    #prepni {display:block;}
}

#mapBorder{width:100%; clear:both; margin-bottom:20px;}
#map2{WIDTH: 683px; HEIGHT: 443px; border:1px solid black; margin:1em auto;}
#map2.mapa_detail{width: 286px; height: 233px; border:1px solid black; margin:1em 1em 1em 20px; float:right;}

.place_oneitem{border:1px solid #999999; padding:10px; float:left; width:200px; margin: 0 10px 10px 0; border-radius:5px; height:260px; overflow:hidden; }
.place_oneitem:nth-child(4n){margin-right:0; float:right;}
.place_oneitem h3{margin:0; padding:0; width:160px;}

.shopFilter{float:left;  width:100%; margin:10px auto; text-align:center; }
.shopFilterItem{ float:left; width:200px; margin:3px; }
.shopFilter p{margin:8px; float:left;}


/* SLIDESHOW */
#slideShow {padding: 0 15px;}
ul.slides{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0; display:none;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0; display:none;}
ol.bjqs-markers{display:none;}
ol.bjqs-markers.h-centered{display:none;}
p.bjqs-caption{display:none;}
p.bjqs-caption2{display:none;}

/* --- cookies alert --- */

#cookiesAlert {
    width: 100%;
    background: rgba(255,255,255,0.8);
    height: auto;
    text-align: center;
    position: fixed;
    bottom: 0px;
    border-top: 1px solid #000;
    padding: 9px 5px;
    color: #000;
	z-index:250;
	box-sizing:border-box;
	min-height: 75px;
}
#cookiesAlert .cookbox{width:calc(100% - 150px);float:left;}
#cookiesAlert .bt-cook{
    border: 1px solid rgba(12,128,197,0.85);
    text-transform: uppercase;
    padding: 9px 10px;
    display: inline-block;
    font-size: 1.5em;
    cursor:pointer;
    margin: auto;
    position: absolute;
    bottom: 15px;
    right: 30px;
}
#cookiesAlert .bt-cook:hover{background:rgba(12,128,197,0.85);color:#fff;}

#cookiesAlert .zavrit{position: absolute;top: -13px;right: 20px;border: 1px solid #000;border-radius: 100%;padding: 1px 7px;text-align: center;vertical-align: middle;display: inline-block;line-height: normal;width: 25px;height: 25px;box-sizing: border-box;font-size: 15.4px;background: #fff;}
#cookiesAlert .zavrit:hover{cursor:pointer;box-shadow: 0px 2px 3px 1px #8c8c8c;}
@media only screen and (max-width: 414px){
	#cookiesAlert .cookbox{width: 100%;}
	#cookiesAlert .bt-cook{position: static;margin: 10px 0 0 0;right: auto;bottom: auto;}
}
#odskokCookies{
	height:35px;
}


#popUpC{background: rgba(128,128,128,0.5);width: 100%;height: 100%;position: fixed;z-index: 100000;top: 0;left: 0;right: 0;bottom: 0;display: flex;align-items: center;justify-content: center;}
#popUp{position: relative;font-size: 1rem;filter: drop-shadow(0 1px 4px #333);}
#popUp *{box-sizing: border-box;}
#popUpclose{z-index:300;position: absolute;top: 0;right: 0;width: calc(1em + 0.13em);height: calc(1em + 0.13em);font-size: 1.7em;line-height: 1em;display: flex;align-items: center;justify-content: center;padding: 0;background: #fff;border-radius: 100%;border: 1px solid #595959;box-sizing: border-box;margin: calc(-1*(1em + 0.13em)/3);cursor: pointer;transition: all linear 0.3s;font-family: arial;}
#popUpclose:hover{color: #fff;background: #222;}
#popUp .content{max-width:90vw;max-height:90vh;display: grid;grid-auto-rows: 100%;overflow: hidden;border-radius: 15px;background:#fff;}
#popUp img.PoPobrazek{aspect-ratio: auto;width: 100%;height: 100%;object-fit: cover;position: relative;z-index: 1;}
#popUp a.PoPodkaz{position: relative;z-index: 3;}
#popUp .Popobsah{padding: 0.95em;position: relative;z-index: 2;min-width: 250px;min-height: 150px;}
/*vse pres cele*/
#popUpC.cele .content,#popUpC:not(.pulka) .content{grid-auto-columns: 100%;}
#popUpC.cele img.PoPobrazek,#popUpC:not(.pulka) img.PoPobrazek{grid-column: 1/2;grid-row: 1/2;}
#popUpC.cele a.PoPodkaz,#popUpC:not(.pulka) a.PoPodkaz{grid-column: 1/2;grid-row: 1/2;}
#popUpC.cele .Popobsah,#popUpC:not(.pulka) .Popobsah{grid-column: 1/2;grid-row: 1/2;}
#popUpC.maxSV:not(.pulka) .Popobsah{width: 90vw;height: 90vh;max-width: 100%;max-height: 100%;}
/*pul text a obrazek*/
@media only screen and (min-width: 950px){#popUp{max-width: 1300px;}}
#popUpC.pulka .content{grid-auto-columns: 1fr 1fr;}
#popUpC.pulka img.PoPobrazek{grid-column: 1/2;grid-row: 1/2;}
#popUpC.pulka a.PoPodkaz{grid-column: 1/3;grid-row: 1/2;}
#popUpC.pulka .Popobsah{grid-column: 2/3;grid-row: 1/2;}
@media only screen and (max-width: 600px){
	#popUpC.pulka .content{grid-auto-columns: 100%;grid-template-rows: 1fr 1fr;}
	#popUpC.pulka img.PoPobrazek{grid-column: 1/2;grid-row: 2/3;}
	#popUpC.pulka a.PoPodkaz{grid-column: 1/2;grid-row: 1/3;}
	#popUpC.pulka .Popobsah{grid-column: 1/2;grid-row: 1/2;}
}
.Popobsah table,.Popobsah table.datatable{max-width:100%;height:100% !important;width: 100% !important;background: transparent;font-size:1em;font-family:inherit;}
.Popobsah table,.Popobsah table tbody,.Popobsah table tr,.Popobsah table th,.Popobsah table td,
.Popobsah table.datatable,.Popobsah table.datatable tbody,.Popobsah table.datatable tr,.Popobsah table.datatable th,.Popobsah table.datatable td
{margin:0;padding:0;color:inherit;}
.Popobsah h6,.Popobsah h5,.Popobsah h4,.Popobsah h3,.Popobsah h2,.Popobsah h1{font-size:2.5em;background: transparent;line-height:normal;margin:0;padding:0;}
