/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Quicksand');

body{
font-family: 'Quicksand', sans-serif;
font-size: 14pt;
overflow-x: hidden;
background: #fff;
}

h2{ 
  font-size: 1.7rem;
  font-weight: bold;
  }
  
h3{
  font-size: 1.25rem;
  font-weight: bold;
}  

.item{
min-height: 355px;
}

.sticky.navbar-bootbites.navbar-dark.navbar a#TheGrue*{
  display: none;
  visibility: hidden;
}
#obsah{
  padding: 50px 0;
}

.img_caption{
font-size: small;
text-align:right;
}

.podmenu h2, .podmenu h2 a{
  color: #fff;
  display: block;
  width: 100%;
  font-size: 14pt;
  margin: 0;
}

.items-leading h2.item-title, .sidebar-right h2{
  text-align: left;
  background: rgb(176,106,146);
  color: #fff;
  padding: 10px 20px;
}

.items-leading h2.item-title a{
  color: #fff;
  display: block;
  width: 100%;
}

#onas .moduletable > h2, #onas .moduletableseda > h2, #onas2 .moduletableseda > h3, #onas2 .moduletable > h3{
  padding: 20px 10px;
  margin-bottom: 20px;
  display: block;
  width: 100%;
  background: rgb(176,106,146);
  color: #fff;
  text-align: left;
}

h3.sluzby, h2.sluzbygh2{
  padding: 8px 20px;
  margin-bottom: 0;
  display: block;
  width: 100%;
  background: rgb(176,106,146);
  color: #fff;
  text-align: left;
  float: left;
}

h2.sluzbyh2{
  margin: 0 !important;
}

.moduletableseda .sclogin{
  padding: 0 30px ;
}

.moduletableseda{
  background: rgb(243,243,243);
  padding-bottom: 20px;
}


.customseda p{
  text-align: center;
}


.pecovatelska{
  background: rgb(227,0,121);
  padding: 7px 20px ;
}

.osetrovatelska{
  background: rgb(176,0,96);
  padding: 7px 20px ;
}

.dps{
  background: rgb(177,201,0);
  padding: 7px 20px ;
}

.zvlastnirezim{
  background: rgb(244,146,0);
  padding: 7px 20px ;
}

.cds{
  background: rgb(209,0,22);
  padding: 7px 20px ;
}

 .odl{
  background: rgb(0,172,224);
  padding: 7px 20px ;
}

.azy{
  background: rgb(0,64,120);
  padding: 7px 20px ;
}

.nocl{
  background: rgb(87,63,45);
  padding: 7px 20px ;
}

.ppr{
  background: rgb(124,99,165);
  padding: 7px 20px ;
}

.ndc{
  background: rgb(190,160,120);
  padding: 7px 20px ;
}

.jidelna{
  background: rgb(194,194,194);
  padding: 7px 20px ;
}

.sakv{
  background: rgb(0,102,51);
  padding: 7px 20px ;
}


a{
  color: rgb(176,106,146);
}

a:hover, a:focus{
  color: rgb(234,171,0);
  text-decoration: underline;
  transition:  0.5s ;
}

.item-page{
  padding-bottom: 80px;
}

#gruemenu > ul > li > a {
    padding: 18px 55px 21px 55px !important;
 }   

 ul.latestnews{
   list-style: none;
   margin-left: -20px;
   line-height: 40px;
 }

.sticky.is-sticky {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1000;
  width: 100%;
  background: #EAAB00;
}

.item-138{
  background: rgb(178,34,34) !important;
}

.moduletable_pocasi b{
  font-size: 14px !important;
}

.moduletable_pocasi img{
  margin: 0;
}

h2.item-title{
  text-align: center;
}

.item-image img{
  padding: 10px ;

}

.item-image{
    width: 100%;
}

.arrows {
	width: 60px;
	height: 72px;
	position: absolute;
	left: 50%;
	margin-left: -30px;
	bottom: 20px;
  z-index: 9999;
}

.arrows path {
	stroke: #fff;
	fill: transparent;
	stroke-width: 1px;	
	animation: arrow 2s infinite;
	-webkit-animation: arrow 2s infinite; 
}


table { 
  overflow-x:auto;
  background: #fff; 
}
/* Zebra striping */
tr:nth-of-type(odd) { 
  background: #eee; 
}
th { 
  background: #333; 
  color: white; 
  font-weight: bold; 
}
td, th { 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: left; 
}


@keyframes arrow
{
0% {opacity:0}
40% {opacity:1}
80% {opacity:0}
100% {opacity:0}
}

@-webkit-keyframes arrow /*Safari and Chrome*/
{
0% {opacity:0}
40% {opacity:1}
80% {opacity:0}
100% {opacity:0}
}

.arrows path.a1 {
	animation-delay:-1s;
	-webkit-animation-delay:-1s; /* Safari 和 Chrome */
}

.arrows path.a2 {
	animation-delay:-0.5s;
	-webkit-animation-delay:-0.5s; /* Safari 和 Chrome */
}

.arrows path.a3 {	
	animation-delay:0s;
	-webkit-animation-delay:0s; /* Safari 和 Chrome */
}

.navbar{
  background: #EAAB00;
  /*-webkit-box-shadow: 0px 10px 18px -11px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 10px 18px -11px rgba(0,0,0,0.75);
  box-shadow: 0px 10px 18px -11px rgba(0,0,0,0.75); */
}

.is-sticky{
   background: #EAAB00;
  /*-webkit-box-shadow: 0px 10px 18px -11px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 10px 18px -11px rgba(0,0,0,0.75);
  box-shadow: 0px 10px 18px -11px rgba(0,0,0,0.75);  */
}

#rezervace{
  position: relative;
}

#rezervace .container p{
  margin: 0 !important;
}

#rezervace .container{
  background: rgb(71,61,81);
  position: absolute;
  left: 0;
  right: 0; 
  bottom: 0;
  z-index: 985;
  padding: 20px 0 ;
  width: 50%;
-webkit-box-shadow: 0px -3px 23px -7px rgba(0,0,0,0.54);
-moz-box-shadow: 0px -3px 23px -7px rgba(0,0,0,0.54);
box-shadow: 0px -3px 23px -7px rgba(0,0,0,0.54);

/*background: rgba(25,28,34,1);
background: -moz-linear-gradient(top, rgba(25,28,34,1) 0%, rgba(31,35,43,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(25,28,34,1)), color-stop(100%, rgba(31,35,43,1)));
background: -webkit-linear-gradient(top, rgba(25,28,34,1) 0%, rgba(31,35,43,1) 100%);
background: -o-linear-gradient(top, rgba(25,28,34,1) 0%, rgba(31,35,43,1) 100%);
background: -ms-linear-gradient(top, rgba(25,28,34,1) 0%, rgba(31,35,43,1) 100%);
background: linear-gradient(to bottom, rgba(25,28,34,1) 0%, rgba(31,35,43,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#191c22', endColorstr='#1f232b', GradientType=0 );
*/

}

#rezervace a.hranatetlacitko{
  color: #fff;
  border: 1px solid #fff; 
  margin: 0 15px; 
  font-family: 'Shadows Into Light Two', cursive;
}

img.avatar{
  border-radius: 50%;
}

#sluzby{
  background: rgba(255,255,255,0.8);
  padding: 80px 0 ;
}


#cela1 a{
  border: 2px solid #fff;
  color: #fff;
  font-size: 18pt;
  padding: 20px 50px ;
  transition: 0.5s;
}

#cela1 a:hover{
  border: 3px solid #fff;
  color: #fff;
  font-size: 18pt;
  padding: 30px 40px ;
  transition: 0.5s;
}


h1{
  margin: .5rem;
  }


#logo{
/*background: rgb(71,61,81);*/
}

.logo img{
  margin: 0;
}
.cenaovr h3{
  position: absolute;
  z-index: 290;
  bottom: -10px;
  left: 0;
  height: 101%;
  width: 100%;
  text-align: center;
  padding: 15px 30px;
  background: rgba(0,0,0,0.01);
  color: rgba(255,255,255,0.01);
  font-family: 'Bree Serif', serif;
  transition:  0.2s ;
}

.odsazeni{
  padding: 90px 20px 0 20px ;
}


.cenaovr h3:hover{
  padding: 30% 30px 0 30px;
  background: rgba(0,0,0,0.6);
  color: rgba(255,255,255,0.99);
  transition:  0.2s ;
}

header{
 /* position: absolute;
  z-index: 9999;*/
  width: 100%;
  background: rgba(255,255,255,0.2);
}

.nadheader{
background: rgb(255,102,0);
color: #fff;
}

.nadheader a, .nadheader a:hover{
color: #fff;
font-size: small;  
}

.nadheader p{
  margin: 0 !important;
  padding: 7px ;
  font-size: 12pt;
}


.cenaovr{
  position: relative;
}

/*#logo a, #logo a:hover, #logo a:focus{
  text-decoration: none;
  color: transparent;
  }
*/
footer{
  padding: 50px 0;
  color: #fff;
  background: rgb(37,37,37);
  font-size: 14pt;
}

#copy{
  /*background: rgb(0,16,32);*/
  background: #000;
  font-size: small;
  /*margin-bottom: 300px;*/
  padding: 20px 0 0 0;
  color: #fff;
}

#copy a, #copy a:hover{
  color: #fff;
  text-decoration: none;
  font-size: small;
}

#celafooter{
  position: fixed;
  bottom: 0px;
  z-index: -10;
  width: 100%;
}

/*.overlay{
  position: fixed;
  width: 98%;
  height: 300px;
  min-height: 300px;
  left: 0px;
  bottom: 0px;
  background: rgba(255,255,255,0.01);
  z-index: -5;
} */

#galerka{
  padding: 60px 0;
  background: rgb(221, 221, 221);
  text-align: center;
  } 



  
.customcitat{
  padding: 0 100px ;
}  

img{
  max-width: 100%;
}
  
#posledniprojekt, #cela1 {
  color: #000;
  padding: 0 ;
  }  
  
#proklikportfolio{
  background-attachment: fixed;
  color: #000;
  font-size: small;
  text-align: center;
}  

#proklikportfolio h2{
  font-family: 'Abril Fatface', cursive;
  padding: 50px 0 50px 0;
  font-size: 32pt;
  color: #fff;
  border-bottom: 5px solid #ee2024;
  background: rgba(255,255,255,0.1);
}

#proklikportfolio h3.mimodoleva{
  background: url('../img/textura.png') center;
  font-family: 'Abril Fatface', cursive;
  color: #000;
  padding: 20px;
  min-width: 350px;
  font-size: 26pt;
  position: absolute;
  top:30px;
  left: -20px;
  text-align: center;
  transition:  0.5s; 
}

#proklikportfolio h3.mimodoprava{
  background: url('../img/textura.png') center;
  font-family: 'Abril Fatface', cursive;
  color: #000;
  font-size: 26pt;
  position: absolute;
  top:30px;
  right: -20px;
  text-align: center;
  transition:  0.5s;  
}

#proklikportfolio h3 a{
color: #000;
text-decoration: none;
}

#proklikportfolio h3 a:hover{
color: #ee2024;
text-decoration: none;

}

#proklikportfolio h3.mimodoprava:hover{
  right: 0px;
} 

#proklikportfolio h3.mimodoleva:hover{
  left: 0px;
} 
    

h2.mimodoleva{
  position: relative;
  margin: 30px 40px 10px -50px; 
  background: rgb(255,102,102);
}

h2.mimodoprava{
  position: relative;
  margin: 30px -50px 10px 40px; 
  background: rgb(0,255,255);
}

#uvodnitext hr{
background: #ee2024;
border: none;
height: 5px;
margin-left: 0;
margin-right: 0;
text-align: left;
width: 25%;
}


.vrsek{
  padding-top: 15px;
}

.nabizimesluzby{
  /*background: #1f232b;*/
  background: rgb(71,61,81);
  padding: 100px 0 70px 0;
  text-align: left;
  color: #fff;
}

#onas{
  padding: 0px 0 20px 0;
}

#onas2{
  padding: 20px 0 50px 0;
}

#onas3{
  padding: 50px 0 100px 0;
  text-align: left;
}

a.hranatetlacitko{
  border: 1px solid #fff;
  color: #fff;
  padding: 5px 20px ;
  transition:  0.5s;
  font-size: 12pt;
}

a.hranatetlacitko:hover{
  text-decoration: none;
  transition:  0.5s;
  border: 1px solid rgb(255,255,255);
  color: #fff;
  font-size: 13pt;
  
}

.popisprojektu{
 position:absolute;
 top:-54px;
 left:10%;
 z-index: 999;
 width:250px;
 background: url('../img/texturabl.png');
 border: 1px solid #000;
 -webkit-box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.3);
  box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.3);
  transition:  1s;  
}

.popisprojektu:hover{
  -webkit-box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.8);
  -moz-box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.8);
  box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.8);
  transition:  1s;  

}

.popisprojektu h2{
font-family: 'Questrial', sans-serif;
font-size: 20pt;
line-height: 18pt;
color: #fff;
background: rgba(0,0,0,0.1);
padding: 20px 25px 10px 25px;
border-bottom: 1px dashed rgb(104,104,104);

}

.popisprojektu p{
color: #fff;
font-size: 10pt;
line-height: 12pt;
text-align: justify;
padding: 10px 25px;
}

.popisprojektu a#oprojektu{
  background: #ee2024;  
  transition: 1s;
  display: block;
  text-align: center;
  padding: 15px 0 ;
  font-weight: bold;
  color: #fff; 
  font-size: 14pt;
  text-decoration: none;  
}

.popisprojektu a:hover#oprojektu{
  background: rgb(0,0,0);  
  transition:  1s;
  color: #ee2024;            
}

.span3{
  flex: 0 0 25%;
  max-width: 25%;
  width: 25%;
  float: left;
}


.span4{
  flex: 0 0 33%;
  max-width: 33%;
  width: 33%;
  float: left;
}


.span6{
  flex: 0 0 50%;
  max-width: 50%;
  width: 50%;
  float: left;
}


 


 .section {
  position: relative;
}




.absolute {
  position: absolute;
  width: 100%;
  height: auto;
  margin-top: 100px;
}
.absolute.above {
  z-index: 2;
}


.lg-green {
  width: 360px;
  height: 360px;
  background: #00F1C9;
  border-radius: 12px;
  margin-left: -480px;
  margin-top: 200px;
}
.sm-green {
  width: 60px;
  height: 60px;
  background: #00F1C9;
  border-radius: 12px;
  margin-left: -30px;
  margin-top: 400px;
}
.sm-purple {
  width: 60px;
  height: 60px;
  background: #5000F1;
  border-radius: 12px;
  margin-left: -30px;
  margin-top: 400px;
}
.xs-green {
  width: 60px;
  height: 60px;
  background: #00F1C9;
  border-radius: 12px;
  margin-left: -30px;
  margin-top: 400px;
}
.md-green {
  width: 120px;
  height: 120px;
  background: #00F1C9;
  border-radius: 12px;
  margin-left: -60px;
  margin-top: 10px;
}
.lg-purple {
  width: 80px;
  height: 80px;
  background: #5000F1;
  border-radius: 12px;
  margin-left: 57px;
  margin-top: 60px;
}



/* -----------------GRUEMENU ---------------------*/

/*

	Copyright: (c) 2015 TheGrue, http://thegrue.org/

*/



#gruemenu,

#gruemenu ul,

#gruemenu ul li,

#gruemenu ul li a

{margin: 0; padding: 0;border: 0;list-style: none;line-height: 1;display: block;position: relative; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; z-index:999999;}

#gruemenu { width: auto; }

#gruemenu > ul {; padding:0; margin:0}

#gruemenu > ul > li a {background:none}

#gruemenu > ul > li > a { padding: 18px 25px 21px 25px; border-right: 1px solid rgba(80, 80, 80, 0.12); text-decoration: none; letter-spacing: 1px;}

#gruemenu > ul > li:hover > a,

#gruemenu > ul > li > a:hover,

#gruemenu > ul > li.active > a { background: rgba(0, 0, 0, 0.1);}

#gruemenu > ul > li.has-sub > a {padding-right: 45px;}

#gruemenu > ul > li.has-sub > a::after {content: ""; position: absolute; width: 0; height: 0; border: 6px solid transparent;}

#gruemenu > ul > li.has-sub.active > a::after,

#gruemenu > ul > li.has-sub:hover > a {}

#gruemenu:after,

#gruemenu > ul:after {content: ".";display: block;clear: both; visibility: hidden; line-height: 0; height: 0;}

#gruemenu ul ul li a { text-decoration: none; padding: 11px 25px; width: 220px; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.1), -1px 1px 1px rgba(0, 0, 0, 0.1);}

#gruemenu > ul > li > ul::after { position: absolute; display: block;}

#gruemenu ul ul li.has-sub > a::after { content: ""; position: absolute; width: 0; height: 0; border: 4px solid transparent;}  



/* Mobile Menu */

#navigation-toggle, .sidr, #sidr-close { display: none }

.sidr{display:none;position:fixed;top:0;height:100%;z-index:999999;width:320px;overflow-x:auto;overflow-y:auto; font-size:16px;background:#333;color:#fff;}

.sidr .sidr-inner{padding:0}

.sidr .sidr-inner>p{margin-left:15px;margin-right:15px}

.sidr.right{left:auto;right:-320px}

.sidr.left{left:-320px;right:auto;}

.sidr p{font-size:16px;margin:0 0 12px}.sidr p a{color:rgba(255,255,255,0.9)}

.sidr>p{margin-left:15px;margin-right:15px}

.sidr ul{display:block;margin:0 0 15px;padding:0;border-top:1px solid #1a1a1a;border-bottom:1px solid #4d4d4d}

.sidr ul li{display:block;margin:0;line-height:48px;border-top:1px solid #4d4d4d;border-bottom:1px solid #1a1a1a}

.sidr ul li:hover,.sidr ul li.active,.sidr ul li.sidr-class-active{ background:#333;line-height:48px}

.sidr ul li:hover>a,.sidr ul li:hover>span,.sidr ul li.active>a,.sidr ul li.active>span,.sidr ul li.sidr-class-active>a,.sidr ul li.sidr-class-active>span{}

.sidr ul li a,.sidr ul li span{padding:0 15px;display:block;text-decoration:none;color:#fff}

.sidr ul li ul{border-bottom:none;margin:0}.sidr ul li ul li{line-height:40px;font-size:14px}.sidr ul li ul li:last-child{border-bottom:none}

.sidr ul li ul li:hover,.sidr ul li ul li.active,.sidr ul li ul li.sidr-class-active{background:#333;line-height:40px}

.sidr ul li ul li:hover>a,.sidr ul li ul li:hover>span,.sidr ul li ul li.active>a,.sidr ul li ul li.active>span,.sidr ul li ul li.sidr-class-active>a,.sidr ul li ul li.sidr-class-active>span{}

.sidr ul li ul li a,.sidr ul li ul li span{color:rgba(255,255,255,0.8);padding-left:30px}.sidr form{margin:0 15px}.sidr label{font-size:13px}.sidr input[type="text"],.sidr input[type="password"],.sidr input[type="date"],.sidr input[type="datetime"],.sidr input[type="email"],.sidr input[type="number"],.sidr input[type="search"],.sidr input[type="tel"],.sidr input[type="time"],.sidr input[type="url"],.sidr textarea,.sidr select{width:100%;font-size:13px;padding:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;border:none;background:rgba(0,0,0,0.1);color:rgba(255,255,255,0.6);display:block;clear:both}.sidr input[type=checkbox]{width:auto;display:inline;clear:none}.sidr input[type=button],.sidr input[type=submit]{color:#333;background:#fff}.sidr input[type=button]:hover,.sidr input[type=submit]:hover{background:rgba(255,255,255,0.9)}

a.sidr-class-toggle-sidr-close {color:#fff; text-decoration:none; display:block; text-align:right; padding:10px 20px;}

a.sidr-class-toggle-sidr-close:before {font-size:20px; font-weight:bold; color: #fff; margin: 0; text-decoration:none; content:"x"; background:#222222; padding:2px 10px; border-radius:50% }

.sidr-class-current > a{ background:#222}

/* ----------------------------- Konec Menu -----------------*/
  


 /* --------------------  mobily ------------------------------------------------------------ */
@media screen and (max-width:680px) {
  ul.menu li:not(:first-child) {display: none;}
  nav a.icon {
    float: right;
    display: inline-block;
    font-size: 24pt;
    color: #fff;
    border: 2px solid #fff;
    text-decoration: none;
    padding: 0 10px ;
      }
.navbar{
  background: transparent;

}      
      
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens */
@media screen and (max-width:680px) {
  ul.menu.responsive {position: relative;}
  nav a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  ul.menu.responsive li {
    float: none;
    display: inline;
  }
  ul.menu.responsive li a {
    display: block;
    text-align: left;
  }
}


@media only screen and (max-device-width: 1440px) {

ul.menu{
  width:75%;
}
	}
  
/* -------------------- Joomla 5.x -------------------- */

.article-info-term {
  display: none !important;
}

.page-link {
  padding: .5rem .5rem;
  color: rgb(176,106,146);
}

.page-item.active .page-link {
  background-color: rgb(176,106,146);
  border-color: rgb(176,106,146);
}