@import url('https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Amatic+SC:400,700&subset=latin-ext');

/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
mark, rp, rt, ruby, summary, time {display:inline}
/* Global properties */
html {width:100%}
body {font-family: 'Raleway', sans-serif;font-size:100%;color:#070707;background:#fff;}


.main {padding:0;margin:0 auto;font-size:0.875em;line-height:1.5em}
a {color:#009239;text-decoration:none;}
a:hover {color:#009239;text-decoration:underline}
.wrapper {width:100%;overflow:hidden;position:relative}
.extra-wrap {overflow:hidden}
p {margin: 0 0 18px 0; padding: 0; font-size:0.9em; line-height: 1.5; text-align: justify;}
p.pVetsi {font-size:1.1em;}
.p1 {margin-bottom:1px}
.p5 {margin-bottom:5px}
.p8 {margin-bottom:8px}
.p30 {margin-bottom:30px}
.p40 {margin-bottom:40px}

.arial {	font-family: Arial, sans-serif;}

.fleft {float:left}
.fright {float:right}
.alignright {text-align:right}
.aligncenter {text-align:center}
.color-1 {color:#fff}
.color-2 {color:#000}
.color-3 {color:#4f4f4f}
.border {padding:3px;border:1px solid #e5e5e5;background:#fff}
/*boxes*/
.margin-bot {margin-bottom:35px}
.indent-top {padding-top:10px}
.indent-left {padding-left:20px}
.indent-left2 {padding-left:10px}
.indent-left3 {padding-left:5px}
.indent-bot {margin-bottom:20px}
.indent-bot2 {margin-bottom:27px}
.indent-bot3 {margin-bottom:45px}
.img-indent-bot {margin-bottom:25px}
.img-indent {float:left;margin:0 20px 0 0}
.img-indent-right {float:right;margin:0 0 0 20px}
.prev-indent-bot {margin-bottom:10px}
.prev-indent-bot2 {margin-bottom:6px}
.buttons a:hover {cursor:pointer}
.menu li a, .list-1 li a, .list-2 li a, .link, .button, .logo {text-decoration:none}
/*header*/
header {width:100%;/*padding-bottom:44px;margin-bottom:-30px*/}
	/*#page1 header {min-height:600px;}*/
/* menu */


.menu {padding:0;width:100%; margin: 0; }
.menu li {float:left;position:relative;}
.menu li a {display:block;position:relative;font-size:1.1em;line-height:2em;font-weight:500;padding:15px 7px 15px 7px;margin:0;color:#000; text-align:center; text-transform: uppercase; 

}
.menu li a:after {
    content: "|";
    padding: 0;
	 margin: 0 7px 0 20px;
}
.menu li:last-child a:after
{
  content: "";
  padding: 0;
  margin-right: 0;
}

.menu li.last-item a {margin-right: 0; padding-right: 0;}
.menu li.last-item a:after {margin: 0; padding: 0;}

.menu li a.active {color: #000;}
.menu li a:hover {color: #009239;}
.menu li.active, .menu li:hover {}


/* submenu: */

.menu li.sub:hover a {
	color: #009239;
}

.menu li.sub ul {
	margin-top: -2px;
	display: none;
	z-index: 200;
}
.menu li.sub:hover ul {
	display:block;
	position:absolute;
}

.menu li.sub ul {
	background: #fff;
	margin-top: -2px;
}

.menu li.sub ul {
	/*background: rgba(255,255,255,0.5);*/
	padding: 0;

	box-shadow: 5px 5px 25px rgba(0,0,0,0.2);
	-moz-box-shadow: 5px 5px 25px rgba(0,0,0,0.2);
	-webkit-box-shadow: 5px 5px 25px rgba(0,0,0,0.2);

}

.menu li.sub ul li a {
	text-align: left;
	width: 260px;
	padding:5px 10px;
}

.menu li.sub ul li a:after /* ne "+" za polozkami */
	{
	  content: "";
	}



.menu li.sub ul li a, .menu li.sub ul li a:hover, .menu li.sub:hover ul li a {
	background: transparent;
	color: #000;
	width: 260px;
	font-size: 0.95em;
	font-weight: normal;
}
.menu li.sub ul li a:hover { 
	text-decoration: none;
	color: #009239;
	background: #f9f9f9;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;

}
/* k: submenu */






/*content*/
#content {width:100%;padding: 0 0 10px 0}
h1 {font-family: 'Amatic SC', cursive;font-size:3em;line-height:1.219em;margin: 10px 0 5px 0;color:#583217;font-weight:bold; } 
h1.h1-upp {font-family: 'Amatic SC', cursive;font-size:2.4em;line-height:1.219em;margin: 10px 0 5px 0;color:#583217;font-weight:bold; text-transform: uppercase; } 
h1.non {display: none;}
h2 {font-family: 'Amatic SC', cursive;font-size:2.5em;line-height:1.219em;margin: 10px 0 5px 0;color:#583217;font-weight:bold; text-transform: uppercase;}
h2.h2-1 {font-family: 'Amatic SC', cursive;font-size:2.5em;line-height:1.219em;margin: 10px 0 12px 0;color: #583217;font-weight:bold; text-transform: uppercase;}
h2.h2-low {font-family: 'Amatic SC', cursive;font-size:2.3em;line-height:1.219em;margin: 10px 0 5px 0;color:#583217;font-weight:bold; text-transform: none;}
h2.h2-aktivity-sekce {font-family: 'Amatic SC', cursive;font-size:3.3em;line-height:1.219em;margin: 10px 0 5px 0;color:#000;font-weight:bold; text-transform: none;}
h2.h2-green {font-family: 'Amatic SC', cursive;font-size:1.6em;line-height:1.219em;margin: 0;color: #009239;font-weight:bold; text-transform: uppercase;}
h3 {font-family: 'Amatic SC', cursive;font-size:1.8em;line-height:1.219em;margin: 10px 0 0 0;color: #583217;font-weight:bold;}
h3.h3-galerie {font-family: 'Amatic SC', cursive;font-size:1.8em;line-height:1.219em;margin: 10px 0 0 0;color: #000;font-weight:bold;}
h4 {font-family: 'Amatic SC', cursive;font-size:1.8em;line-height:1.214em;margin: 10px 0 0 0;color: #583217;font-weight:bold;}
.border-bot {width:100%;padding-bottom:21px;background:url(../gfx/pic-1.gif) 0 bottom repeat-x}
.list-1 li {font-size:14px;line-height:17px;padding:7px 0 7px 0;}
	.list-1 li a {display:inline-block;color:#4f4f4f}
	.list-1 li a:hover {color:#3399CC}
.link:hover {text-decoration:underline}
.text-1 {display:block;font-size:14px;line-height:21px}
	.text-1 a {color:#181818}
.tdate-1 {display:block;font-size:14px;line-height:21px;font-weight:bold}
	.tdate-1 a {color:#0dc2ce}
.numb {display:block;width:60px;height:60px;text-indent:-5000px;float:left;margin-right:20px}
	.numb.first {background:url(../gfx/numb-1.png) 0 0 no-repeat}
	.numb.second {background:url(../gfx/numb-2.png) 0 0 no-repeat}
	.numb.third {background:url(../gfx/numb-3.png) 0 0 no-repeat}
dl span {float:left;width:85px;font-size:14px}
dl dd {font-size:13px}
/* Contact form */
#contact-form {display:block}
	#contact-form label {display:block;height:31px;overflow:hidden}
	#contact-form input {float:left;width:50%;font-size:13px;line-height:1.23em;color:#4f4f4f;padding:4px 10px;margin:0;font-family:Arial, Helvetica, sans-serif;border:1px solid #e5e5e5;background:none}
	#contact-form textarea {float:left;height:175px;overflow:auto;width:80%;font-size:13px;line-height:1.23em;color:#4f4f4f;padding:3px 10px;margin:0;font-family:Arial, Helvetica, sans-serif;border:1px solid #e5e5e5;background:none}
.text-form {float:left;display:block;font-size:14px;line-height:26px;width:112px;color:#4f4f4f;font-family:Arial, Helvetica, sans-serif}
.buttons {clear: both; padding-top:20px;}
.buttons a {margin-right:10px; margin-bottom: 10px;}
/*aside*/
aside {width:100%;padding:25px 0 51px;background:#efefef}
/*footer*/
footer {width:100%;color:#000;padding:25px 0 0 0; background:#e7e4e1;}

footer .col-1-3 {padding:25px 0 0 0;}

footer a {color:#000;text-decoration:none;outline:none;}
footer a:hover {color:#000;text-decoration:underline}

footer h2 {color:#000; margin: 0 0 20px 0; padding: 0;font-size: 2.1em;font-weight: bold;}
footer h2.apartman {font-family: 'Raleway', sans-serif;color:#000; margin: 0 0 10px 0; padding: 0;font-size: 1.1em;font-weight: 700;}
footer p {
	margin: 0 0 3px 0;
	padding: 0;
	color:#000;
	font-size: 1em;
	line-height: 1.2;
}

footer ul.ul-foot {
	list-style-type: none; 
	margin: 0;  
	padding: 0;
}
footer ul.ul-foot li {
	line-height: 1.3;
	margin: 0 0 3px 0x;
	padding: 0 0 2px 0;
	color: #000;
	font-size: 1em;
	font-weight: 500;
}
footer ul.ul-foot li:before {
    content: "- ";
    
}
footer ul.ul-foot li div {
	display: inline;
	color: #000;
}


footer strong {
	font-weight: 600;
}

footer div.divFootSocial {
	position:relative;
}
footer div.divFootSocial a {
	display: inline-block;
	margin: 0 5px 0 0;
	
}	
footer img {
	max-width: 100%;
}

div.footer-in { /* kvuli barve pozadi v IE 8 a nize, ve footer nebralo ani s upravami */
	/*float: left;*/
	color:#6c6c6c;
	background:#e7e4e1;
	
}

footer .footer_pb40 { padding-bottom:40px;}



img.kolo-text {
	width: 150px;
	max-width: 100%;
}

img.prodejna-text {
	width: 250px;
	max-width: 100%;
	padding-top: 5px;
	float: right;
	margin: 0 0 15px 25px;
}


img.penzion-prodejna-text {
	width: 240px;
	max-width: 100%;
	padding-top: 5px;
	float: right;
	margin: 0 0 15px 25px;
	
}

img.penzion-strom-text {
	max-width: 100%;
	padding-top: 5px;
	float: right;
	margin: 0 0 15px 25px;
	
}
img.ochutnejte-region-logo  {
	width: 180px;
	max-width: 100%;
	padding-top: 5px;
	/*float: left;
	margin: 0 15px 15px 0;*/
	
}

div.logo-a-text img, div.logo-a-text span {
	vertical-align: middle;
}



img.penzion-ekologie-text {
	width: 200px;
	max-width: 100%;
	padding-top: 10px;
}




div.aktuality-hp p {
	font-size:0.9em;
	line-height:1.2em;
}
div.aktuality-hp h2 {
	color: #009239;
	font-family: 'Raleway', sans-serif;
	font-size:1em;
	line-height:1.2em;
	margin: 0 0 7px 0;
	font-weight:bold; 
	text-transform: none;
}
div.aktuality-hp div.divOdk, div.fotogalerie-hp div.divOdk {
	position: relative;
	float: right;
	color: #009239;
	font-family: 'Amatic SC', cursive;
	font-size: 1.4em;
	font-weight:bold; 
	padding: 2px 5px;
}
div.aktuality-hp div.divOdk a, div.fotogalerie-hp div.divOdk a {
	color: #009239;
	text-decoration: none;
}


div.doporucujeme-hp p {
	font-size:0.9em;
	line-height:1.2em;
}
div.doporucujeme-hp h2 {
	font-size:1em;
	line-height:1.2em;
	margin: 0 0 7px 0;
	font-weight:bold; 
	text-transform: none;
}


div.fotoBox { 
	float:left; 
	/*width: 246px; */
	height: 148x;
	margin: 0 12px 12px 0; 
} 
div.fotoBox.last { 
	margin: 0 0 12px 0; 
}
div.fotoBox img { 
	/*width: 246px; */
	height: 148px;
	max-width: 100%; 
} 

div.fotoBox2 { 
	float:left; 
	width: 45%;
	max-width: 311px;
	margin: 0 20px 20px 0; 
} 
/*div.fotoBox2.last { 
	margin: 0 0 20px 0; 
} */
div.fotoBox2 img { 
	width: 311px;
	max-width: 100%; 
} 



div.divOdk2 {
	position: relative;
	float: left;
	font-size: 1em;
	font-weight:bold; 
	padding: 9px 15px;
	color: #fff;
	background: #009239;
}
div.divOdk2 a {
	color: #fff;
	text-decoration: none;
}


img.img-stromecek {
	width: 36px;
	margin: 0 0 0 16px;
}
h2.h2-stromecek {
	display:inline;
}
img.img-stromecek, h2.h2-stromecek {
	vertical-align: middle;
}


div#divTextOdkaz {
	position: relative;
	float: left;
	font-size: 0.9em;
	font-weight:normal; 
	padding: 0;
}
div#divTextOdkazRed {
	position: relative;
	float: left;
	font-size: 0.9em;
	font-weight:bold; 
	padding: 9px 15px;
	color: #fff;
	background: #AD1C14;
}
div#divTextOdkazRed a {
	color: #fff;
	text-decoration: none;
}
div#divTextOdkazRed a:hover {
	color: #fff;
	text-decoration: underline;
}
div#divTextPopis {
    display: none;
	position: relative;
	float: left;
	color: #000;
	background: #EFEFEF;
	border: 1px solid #AD1C14;
	font-weight:normal; 
	font-size: 1em;
	padding: 10px;
}
div#divTextPopis p {
	margin: 0 0 8px 0;
}

a#expander {cursor: pointer;}


	


div.bord-right {
	border-right: 1px solid #e7e4e1;
}


div.webkamera-pocasi {
	float: left;
	position: relative;
}
div.webkamera {
	float: left;
	position: relative;
	padding: 0 15px 0 0;
	margin: 0 10px 0 0;
	border-right: 1px solid #e7e4e1;
}
div.pocasi {
	float: left; /*right;*/
	position: relative;
	text-align: center;
	width: 240px;
	font-size: 0.9em;
}
div.pocasi a {
	font-size: 0.9em;
}




div.aktualitySeznam h2 {  
	margin: 10px 0 2px 0; 
	padding:0;
	font-size:1.2em; 
	line-height:1.3em;
	color: #583217; 
	font-weight: bold; 
	text-align: justify;
}

div.aktualitySeznam a {  
	color: #2d2d2d; 
	text-decoration: none;
}
div.aktualitySeznam a:hover {  
	color: #5F5F5F; 
	text-decoration: none;
}
div.aktualitySeznam img {  
	max-width: 100%;
}
div.aktualitySeznam p.pDat {
	font-size: 1em;
	color: #313131; 
	margin:0;
	padding:0 0 2px 0;
}


div.doporucujemeSeznam h2 {  
	margin: 10px 0 2px 0; 
	padding:0;
	font-size:1.2em; 
	line-height:1.3em;
	color: #583217; 
	font-weight: bold; 
	text-align: justify;
}

div.doporucujemeSeznam a {  
	color: #2d2d2d; 
	text-decoration: none;
}
div.doporucujemeSeznam a:hover {  
	color: #5F5F5F; 
	text-decoration: none;
}
div.doporucujemeSeznam img {  
	max-width: 100%;
}
div.doporucujemeSeznam p.pDat {
	font-size: 1em;
	color: #313131; 
	margin:0;
	padding:0 0 2px 0;
}






/* Galerie*/
 div.gallery-image 		{float:left; margin-right:5px; margin-bottom:25px;}
 div.gallery-image.last	{margin-right:0px;}
 
 div.pOdkaz 				{float:left; margin: 10px 0 15px 0;}

 
.clear {
    clear: both;
    height:0px;
    float:none;
    font-size:0px;
    line-height:0px;
    margin:0;
    padding:0;
    display:block;
}

.nobr	{ white-space:nowrap; }


.pb5 { padding-bottom:5px;}	
.pb10 { padding-bottom:10px;}	
.pb15 { padding-bottom:15px;}
.pb20 { padding-bottom:20px;}
.pb25 { padding-bottom:25px;}
.pb30 { padding-bottom:30px;}	
.pb40 { padding-bottom:40px;}
.pb50 { padding-bottom:50px;}
.pb60 { padding-bottom:60px;}
.pb80 { padding-bottom:80px;}



.pb-nad-grilem { padding-bottom:20px;}  /* v responsive jinak */
.pb-nad-prodejnami { padding-bottom:50px;}  /* v responsive jinak */
.pb-nad-vouchery { padding-bottom:70px;}  /* v responsive jinak */







.pt5 { padding-top:5px;}	
.pt10 { padding-top:10px;}	
.pt15 { padding-top:15px;}
.pt20 { padding-top:20px;}
.pt30 { padding-top:30px;}	
.pt40 { padding-top:40px;}
.pt50 { padding-top:50px;}
.pt60 { padding-top:60px;}
.pt80 { padding-top:80px;}

.m0 { margin:0;}	


.t08 {
	font-size: 0.8em;
}
.t09 {
	font-size: 0.9em;
}
.t1 {
	font-size: 1em;
}
.t11 {
	font-size: 1.1em;
}
.t12 {
	font-size: 1.2em;
}
.t13 {
	font-size: 1.3m;
}

.b600grey {
	font-weight: 600;
	color: #333;
}

 
div.nahoru {
	float: left;
	position: relative;
	width: 100%;
	text-align: center;
}
a.nahoruGrey {
	color: #676767;
}

a.aTit {text-decoration:none}
a.aTit:hover {text-decoration:underline}

div.listLSloupec {float:left; width:50%; }
div.listRSloupec {float:right; width:50%; }
div.listLSloupec  ul, div.listRSloupec  ul {list-style-position: inside;}
div.listLSloupec  ul li, div.listRSloupec  ul li {line-height: 1.5; list-style-type: disc; font-weight: bold; color:#881029;}

ul.list-3{list-style-type: circle;list-style-position: inside; margin: 0 0 15px 10px;}
ul.list-3 li {font-size:14px;line-height:1.2;padding:3px 0 3px 0;}




.top-row {
	width:100%;
	background-color: #E8E4E1;
}
div.top-row-2 {
   position: relative;
	width: 100%;
	background-color: #e7e4e1;
}
div.top-row-2 img {
	width: 1500px; 
	max-width: 100%;
}
div.top-row-3 {
   position: relative;
	width: 100%;
	background: #fff url(../gfx/boxy-bg.jpg) repeat-x left top; /* from left, from top */
}




div.topRowOut {
	float: left;
	position: relative;
	width: 1340px;
	max-width: 100%;
	
}
div.topRow {
	float: left;
	position: relative;
	width: 100%;
	margin: 5px 0 3px 0; 
	padding: 0;
	font-weight: normal;
	font-size: 1.1em;
	background: #fff;
	
}

div#topImg {
	float: left;
	position: relative;
	/*width: 320px;*/
	margin: 10px 0 0 0;
	
}
div#topSocial {
	float: right;
	position: relative;
	margin: 5px 0 0 0;
}

div#topMenuOut {
	float: left;
	position: relative;
	width: 1340px;
	max-width: 100%;
	
}
div#topMenu {
	float: right;
	text-align: right;
	position: relative;
	margin: 0;  
}

div#topKontakty {
	font-family: Arial, sans-serif;
	float: right;
	text-align: right;
	position: relative;
	margin: 0 5x 0 0;  
	padding-right: 25px; /* neslo nijak posunout top menu doprava, tak toto doleva */
	font-weight: 300;
	font-size: 0.9em;
	color:#636363; 
}
div#topKontakty a {
	color:#636363;
}
div#topKontakty img, div#topKontakty span, div#topKontakty div {
	vertical-align: middle;
}
div#topKontakty span.topTel {
	color: #000;
	font-size: 1.1em;
	font-weight: bold;
}

div#topKontakty div.bgGreen {
	background-color: #77bf10;
	color: #fff;
	font-size: 0.8em;
	font-weight: bold;
	padding: 5px 7px;
}
div#topKontakty a.topForm, div#topKontakty a.topForm:hover {
	text-decoration: none;
	color: #fff;
}

div.top-cara1 {
	border-bottom: 1px solid #d8d8d8;
}
div.top-cara2 {
	border-top: 2px solid #d8d8d8;
}



div#top-hp-out {
   position: relative;
}

div#top-hp {
   position: absolute;
   top: 35px; /* 55 */
   left: 0;
   z-index: 10;
   width: 100%;
}
div#top-podstranky {
   position: relative;
   width: 100%;
}

div#top-img {
   position: relative;
   float: left;
}
div#top-hp div#top-img {
   position: relative;
   float: left;
   margin: 5px 0 0 0;
}
div#top-hp div#top-img img {
   padding: 0 0 0 20px;
   width: 380px;
   max-width: 100%;
}
div#top-podstranky div#top-img img {
   padding: 45px 0 0 20px;
   width: 330px;
   max-width: 100%;
}

div#top-social-a-menu {
   position: relative;
   float: right;
   margin: 10px 0 0 0;
}

div#top-social {
   position: relative;
   float: right;
   text-align: right;
   display: inline-block;
}
div#top-social img, div#top-social span {
   vertical-align: middle;
}
div#top-social img {
   height: 26px;
   margin-left: 3px;
}
div#top-social span.top-tel {
   font-size: 1.3em;
   font-family: Arial, sans-serif;
   margin: 0 15px 0 0;
}
div#top-social span.top-oddel {
   font-size: 1.5em;
   color: #aaa;
   padding: 0 7px 0 5px;
}
div#top-social a.top-mail {
   margin: 0 0 0 15px;
}


div#top-podstranky div#top-social {
   padding: 45px 0 0 0;
}





div#topLang {
	position: relative; 
	float: right;
	margin: 9px 0 0 0;  
	padding: 0;
}

select#dynamic_select {
	background: transparent url(../gfx/select-lang-sipka.png) no-repeat 30px 6px; /* from left, from top */
	background-size: 10px 8px;
	border: none;
	padding: 0px;
	color: #009239;
	font-size: 1.1em;
	font-weight: normal;
	margin: 0;
	width: 50px; /* kvuli Opere */

}
select#dynamic_select:focus{
    outline: none;
}
/* IE ne bily obdelnik se sipkou:*/
select#dynamic_select::-ms-expand {
    display: none;
}
/* FF, Chrome ne bily obdelnik se sipkou:*/
select#dynamic_select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}



/* pro mobily: */
div#mob-social {
	float: right;
	position: relative;
	margin: 0 0 0 5px;  
	padding: 0;
}
select#mob-dynamic_select {
	background: transparent url(../gfx/select-lang-sipka.png) no-repeat 30px 6px; /* from left, from top */
	background-size: 10px 8px;
	border: none;
	/*padding: 3px 10px;*/
	color: #009239;
	font-size: 1.1em;
	font-weight: normal;
	margin: 0;
	width: 50px; /* kvuli Opere */
}
select#mob-dynamic_select:focus{
    outline: none;
}
/* IE ne bily obdelnik se sipkou:*/
select#mob-dynamic_select::-ms-expand {
    display: none;
}
/* FF, Chrome ne bily obdelnik se sipkou:*/
select#mob-dynamic_select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}




div#top-menu {
   position: relative;
   float: right;
   text-align: right;
}




div.top-hp-rezervace { /* class kvuli vice boxum - ve slidech */
   position: absolute;
   bottom: 90px;
   right: 80px;
   width: 380px;
   height: 200px;
   z-index: 40;
   color: #fff;
   background: #2F4958;
   text-align: center;
   padding: 20px 30px;
    
  
}

div.top-hp-rezervace-in { 
   position: relative;
   display: inline-block;
   width: 100%;
   color: #fff;
   background: #2F4958;
   text-align: left;
   
  
}
div.top-hp-rezervace-in p.pNadpHP { 
    color: #fff;
	font-size: 1.5em;
	line-height: 1.4;
	text-transform: none;
	font-weight: 400;
	margin: 0 0 10px 0;
   
  
}

/* pro responsive misto formulare */
div.top-hp-rezervace-jen-tlacitko { display: none;}




.fleft-img {
	float: left;
	margin: 0 35px 15px 0;

}
.fright-img {
	float: right;
	margin: 0 0 15px 35px;

}
.fright-img-2 {
	float: right;
	margin: 0 30px 15px 35px;

}


.dgrey {
	color:#424242;
}
p.pHp {
	color: #444;
}
p.pHp a {
	color: #444;
	text-decoration: none;
}
p.pHp a:hover {
	color: #3399CC;
	text-decoration: underline;
}
.center {
	text-align: center;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}


div.divOdkForm a {
	background: #0099CC;
	padding: 15px 35px;
	margin: 0 auto;
	color: #fff;
	font-size: 2.6em;
	font-weight: bold;

	position: relative;
	text-decoration: none;
	display: block;
	/*width: 80%;*/
	border-radius:10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	line-height: 1.3;
	text-align: center;
	letter-spacing: .5px;
	
}
div.divOdkForm a, div.divOdkForm a:hover {
	color: #fff;
	text-decoration: none;
}



div#hp-boxy {
	position: relative;
	margin: 0 0 10px 0;
	padding: 0;
    background: transparent;
    color: #583217;
    z-index: 20;
	height: 130px;
}

div#odk-rezervace {
	position: absolute;
	left: 80px;
	bottom: 15px;
	z-index: 20;
	text-align: center;
	color: #583217;
	background: transparent;
	margin: 0;
	padding: 0;
}

div#odkRezervace {
	display: block;
	position: absolute;
	left: 80px;
	bottom: 5px;
	z-index: 20;
	width: 320px;
	height: 115px;
	text-align: center;
	color: #583217;
	background: transparent url(../gfx/rezervace-deska.png) no-repeat left top; /* from left, from top */
	background-size: contain;
	font-family: 'Amatic SC', cursive;
	font-size: 2.4em;
	font-weight:700; 
	line-height: 1.1;
	margin: 0;
	padding: 6px 20px 8px 20px;
}
div#odkRezervace span {
	/*color: #B8CD04;*/
}

div#boxy {
	position: relative;
	margin: 0 0 10px 0;
	padding: 0;
    color: #313131;
	height: 130px;
}
div#boxy a {
	text-decoration: none;
}
div#boxy .box {
	margin: 0;
	text-align: center;
}



div#box1, div#box2, div#box3, div#box4, div#box5, div#box6, div#box7, div#box8 {
	position: relative;
	margin: 0 auto; /* centrovani */
	max-width: 270px;
	height: 100px;
}



div#mob-boxy-a-odk-rezervace { /* jen pro responsive, kdyz se skryji #boxy-a-dok-rezervace*/
	display: none;
}



div.boxTop {
	display: block;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	z-index: 1;
	/*min-width: 200px;
	max-width: 214px;*/
   min-height: 100px;
}

div#box1 div.boxTop {
	background: transparent url(../gfx/ikona-turistika.png) no-repeat center 13px; /* from left, from top */
	background-size: 48px 48px;
	}
div#box2 div.boxTop {
	background: transparent url(../gfx/ikona-cyklo.png) no-repeat center 13px; /* from left, from top */
	background-size: 48px 48px;
}
div#box3 div.boxTop {
	background: transparent url(../gfx/ikona-voda.png) no-repeat center 13px; /* from left, from top */
	background-size: 48px 48px;
}
div#box4 div.boxTop {
	background: transparent url(../gfx/ikona-adrenalin.png) no-repeat center 13px; /* from left, from top */
	background-size: 48px 48px;
}
div#box5 div.boxTop {
	background: transparent url(../gfx/ikona-lyze.png) no-repeat center 13px; /* from left, from top */
	background-size: 48px 48px;
}
div#box6 div.boxTop {
	background: transparent url(../gfx/ikona-pro-deti.png) no-repeat center 13px; /* from left, from top */
	background-size: 48px 48px;
}
div#box7 div.boxTop {
	background: transparent url(../gfx/ikona-kultura.png) no-repeat center 13px; /* from left, from top */
	background-size: 48px 48px;
}
div#box8 div.boxTop {
	background: transparent url(../gfx/ikona-stravovani.png) no-repeat center 13px; /* from left, from top */
	background-size: 48px 48px;
}





div#box1 { /* na obou stranach */
	background: url(../gfx/ikony-oddel.png) no-repeat left 4px, url(../gfx/ikony-oddel.png) no-repeat right 4px; /* from left, from top */
	}
div#box2, div#box3, div#box4, div#box5, div#box6, div#box7, div#box8 {
	background: transparent url(../gfx/ikony-oddel.png) no-repeat right 4px; /* from left, from top */
	}




div#box1 h2, div#box2 h2, div#box3 h2, div#box4 h2, div#box5 h2, div#box6 h2, div#box7 h2, div#box8 h2 {
	padding: 54px 10px 2px 10px;
	color: #313131;
	text-align: center;
	font-size: 1.5em;
	font-weight: 700;
	line-height: 1.2;
}




div.pruh-podstranky {
	position: relative;
	border-top: 7px solid #DBDBDB;
	margin: 15px 0 4px 0;
}

div.divZahlavi {
	
}
div.divZahlavi h1 {
	color: #000;
	margin: 20px 0 10px 0;
}
div.divZahlavi h1.apartman {
	font-family: 'Raleway', sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #583217;
	margin: 80px 0 7px 0;
}
div.divZahlavi h2.apartman {
	color: #000;
	margin: 10px 0 10px 0;
}


div.divZahlavi img {
	max-width: 100%;
}

div.divZahlavi div.divOdk {
	position: relative;
	float: left;
	font-size: 1.1em;
	font-weight:bold; 
	padding: 9px 25px;
	background: #009239;
}
div.divZahlavi div.divOdk a {
	color: #fff;
	text-decoration: none;
}

div.divZahlavi a.moznosti {
	color: #009239;
	font-size: 0.9em;
	font-weight: bold;
}

div.rozcestnik img, div.rozcestnik span {
	vertical-align: middle;
}
	



div.divOutOdkaz {
	text-align: center;
}
div.divOutOdkaz img, div.divOutOdkaz span {
	vertical-align: middle;
}

div.divOutOdkaz a.aOdkaz {
	position: relative;
	display: inline-block;
	text-align: center;
	font-size: 1.1em;
	font-weight:bold; 
	padding: 9px 25px;
	background: #009239;
	color: #fff;
	text-decoration: none;
}



div.divOutOdkaz2 {
	text-align: center;
}
div.divOutOdkaz2 img, div.divOutOdkaz2 span {
	vertical-align: middle;
}

div.divOutOdkaz2 a.aOdkaz {
	position: relative;
	display: inline-block;
	text-align: center;
	font-family: 'Amatic SC', cursive;
	font-size: 1.6em;
	font-weight:bold; 
	padding: 2px 5px;
	color: #009239;
	text-decoration: none;
}





div.up40 {
	
   top: -40px;   /* cast pod boxy na HP */
	

}




div.popis-a-ikony {
	float: left;
	position: relative;
	width: 100%;
}
div.popis {
	float: left;
	position: relative;
	width: 60%;
	padding: 0 15px 0 0;
	margin: 0 10px 0 0;
	border-right: 1px solid #e7e4e1;
}
div.ikony {
	float: right;
	position: relative;
	width: 30%;
	text-align: center;
	font-size: 0.9em;
}
div.ikony img {
	padding: 80px 80px 0 20px;
}





div.tabContainer {
    display: table;
	border-collapse: collapse; /* kvuli border-bottom tabRow */
}

div.tabRow  {
    display: table-row;
}

div.tabLeft, div.tabRight {
    display: table-cell;

}
	
div.tabRow {
	color: #000;
	font-weight: normal;
}
div.tabRow p {
	padding: 1px 0 2px 0;
	margin: 0;
	font-family: Arial, sans-serif;
	font-size: 0.9em;
	text-align: left;
}	
div.tabRow div.tabLeft	{
	padding: 0 15px 0 0;
	text-align: left;
	color: #583217;
	/*padding: 0 80px 0 10px;*/
}
div.tabRow div.tabRight {
	padding: 0 0 0 0;
}




div.tabContainer2 {
    display: table;
	border-collapse: collapse; /* kvuli border-bottom tabRow */
}

div.tabRow2  {
    display: table-row;
}

div.tabLeft2, div.tabRight2 {
    display: table-cell;

}
	
div.tabRow2 {
	color: #000;
	font-weight: normal;
}
div.tabRow2 p {
	padding: 1px 0 1px 0;
	margin: 0;
	font-family: Arial, sans-serif;
	font-size: 0.9em;
	text-align: left;
}	
div.tabRow2 div.tabLeft2	{
	padding: 0 15px 0 0;
	text-align: left;
	color: #583217;
	font-weight: bold;
}
div.tabRow2 div.tabRight2 {
	padding: 0 0 0 0;
}








hr.hr1 {
	background-color:#DFDFDF; 
	border-width:0; 
	color:#DFDFDF; 
	height:2px; 
	line-height:0; 
	display: inline-block; 
	text-align: left; 
	width:100%;
}

hr.hr2 {
	background-color:#DFDFDF; 
	border-width:0; 
	color:#DFDFDF; 
	height:1px; 
	line-height:0; 
	display: inline-block; 
	text-align: left; 
	width:100%;
}




.inl {
	display: inline;
}
a.und {
	text-decoration: underline;
}
a.und:hover {
	color: #290909;
}

div.fb img, div.fb span {
	vertical-align: middle;
}
div.fb a {
	color: #290909;
}




div.divProKontaktMapa {
	position: relative;
	text-align: right;
}
div.divProKontaktMapa div {
	position: relative;
	text-align: right;
}

img.kontakt-mapa {
	max-width: 100%;
}



/* form v kontaktech */



div.dForm { 
	
}

div.dForm input.i1 { 
	width: 430px;
	display:block;
	margin: 0 0 8px 0;
}
div.dForm input.i2 { 
	width: 200px;
	display:block;
	margin: 0 0 8px 0;
}
div.dForm input.i3 { 
	width: 230px;
	display: inline-block;
	margin: 0 0 8px 0;
	padding: 8px 5px;
	font-size: 1em;
	color: #009239;
	font-weight: 600;
}
div.dForm textarea { 
	width: 430px;
	height: 120px;
	display:block;
	margin: 0 5px 0 0;
}
div.dForm textarea.ta2 { 
	height: 80px;
	margin: 0 0 10px 0;
}
div.dForm select.s1 { 
	width: 180px;
	display:block;
	margin: 0 0 8px 0;
}
div.dForm select.s3 { 
	width: 240px;
	display: inline-block;
	margin: 0 0 8px 0;
	padding: 8px 5px;
	font-size: 1em;
	color: #009239;
	font-weight: 600;
}
div.dForm label { 
	display:block;
	margin:0;
}
div.dForm div.poptavka label { 
	display:inline;
	margin:0;
}
div.dForm div.rezervace-hp label { 
	display: inline-block;
	width: 130px;
	font-size: 1.2em;
	font-weight: 400;
	color: #fff;
	vertical-align: middle;
}

div.dForm div.rezervace-hp input#datepicker {
	background: #fff url(../gfx/ikona-kalendar.png) no-repeat right 8px top 5px; /* from right, from top */
	
}

div.dForm div.rezervace-hp p { 
	display: inline-block;
	font-size: 1.2em;
	font-weight: 400;
	color: #fff;
	vertical-align: middle;
	margin: 10px 0 10px 0;
}

div.dForm textarea, div.dForm input,div.dForm select{
	border-width:0px;
	border:none;
}
div.dForm textarea:focus, div.dForm input:focus, div.dForm select:focus{
    outline: none;
}
div.dFormErr { 
	background-color: #AD1C14;
	border: 1px solid #AD3122;
	padding: 15px 20px;	
	
}

/*chybovky v PHP formulari:*/
p.pErr {color: #fff; font-weight: bold; font-size: 1.1em;}
/*hlasky o odeslani/neodeslani v PHP formulari:*/
p.pHlasky {color: #AD1C14; font-weight: bold; font-size: 1em;}




div.dForm div.element-checkbox  {
	clear: both;
	float: none;
	position: relative;
}
div.dForm div.element-checkbox input {
	left: 0px;
	position: absolute;
	top: 1px;
}
div.dForm div.element-checkbox label {
	display: block;
	margin-left: 25px;
	font-size: 0.8em;

}

p.pGDPR {
	font-size: 0.8em;
	padding: 0;
	margin: 0;
	color: #787878;
}





div.dotaznik-top {
	color: #fff;
	background: #583217;
	position: relative;
	padding: 10px 10px 1px 10px; 

	
}
div.dotaznik {
	color: #583217;
	background: #F1F1F1;
	position: relative;
	padding: 10px;

	
}
div.dotaznik label {
	font-size: 1em;
	font-weight: 600;
	color: #583217;
}
div.dotaznik input, div.dotaznik textarea {
	font-size: 1.2em;
	padding: 5px;
	
	
}
div.dotaznik .obsah, div.dotaznik-top .obsah{
	padding:0 10px 0 30px;
}

p.pDotaz {
	font-size: 1.3em;
	text-align: center;
	padding: 5px 0 3px 0;
	margin: 0 0 3px 0;
}
p.pPovinPole {
	font-size: 1em;
	padding: 5px 0 0 0;
	margin: 0;
	color: #583217;
}





input.tlacitko { background-color: #555; color: #fff; border: 0; font-weight: bold; cursor: pointer; padding: 4px 20px; margin-top: 7px; font-size: 1.1em; }
input.tlacitko:hover {background-color: #EC2627; color: #fff; border: 0;}

div.dotaznik input.tlacitko { background-color: #583217; color: #fff; border: 0; font-weight: 500; cursor: pointer; padding: 6px 20px; margin-top: 7px; font-size: 1.2em; }
div.dotaznik input.tlacitko:hover {background-color: #AD1C14; color: #fff; border: 0;}


div.rezervace-hp input.tlacitko { background-color: #009239; color: #fff; border: 0; font-weight: 600; cursor: pointer; padding: 8px 20px; margin-top: 10px; font-size: 1.3em; letter-spacing: 1px; text-align: center; width: 374px;}
div.rezervace-hp input.tlacitko:hover {background-color: #AD1C14; color: #fff; border: 0;}







/* k" form v kontaktech */


div.hp-top img {
	max-width: 100%;
	
	border-radius:10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	
}




footer img {
	max-width: 100%;
}
img.obr-v-textu {
	max-width: 100%;
}

img.obr-hp-dole {
	width: 100%;
}
img.obr-hp-dole.levy {
	margin-right: 15px;
}
img.obr-hp-dole.pravy {
	margin-left: 15px;
}



table.tab1 {
	margin: 0;
}	
table.tab1 th {
	margin: 0;
	padding: 2px 12px 2px 0;
	text-align: left;
	color: #583217;
	font-size: 0.9em;
	}
table.tab1 td {
	margin: 0;
	padding: 2px 12px 2px 0;
	text-align: center;
	font-size: 0.9em;
}
table.tab1 td.left {
	text-align: left;
}

table.tab2 {
	margin: 0;
}
table.tab2 tr {
	border-bottom: 1px solid #D1CDCA;
}
table.tab2 th {
	margin: 0;
	padding: 2px 12px 2px 0;
	text-align: left;
	color: #583217;
	font-size: 0.9em;
	}
table.tab2 td {
	margin: 0;
	padding: 2px 12px 2px 0;
	text-align: left;
	font-size: 0.9em;
}
table.tab2 td.right {
	text-align: right;
}



table.tabCenik {
	border-collapse: collapse;
	margin-top: 5px;
	width: 100%;
	max-width: 1000px;
	border-bottom: 3px solid #D1CDCA;
}
table.tabCenik th {
	color: #fff;
	background-color: #009239;
	padding: 8px 5px 6px 5px;
	font-family: Arial, sans-serif;
	font-size: 0.9em;
	font-weight: normal;
	vertical-align: middle;
}
table.tabCenik th.thLeft {
	padding: 0;
	background-color: #EFEFEF;
	color: #000;
	text-align: left;
}
table.tabCenik th.tmavsi {
	background-color: #E6E6E6;
}
table.tabCenik td {
	padding: 0 10px;
	font-family: Arial, sans-serif;
	font-size: 0.9em;
	color: #000;
}

table.tabCenik th div {
	border-top: 1px solid #D1CDCA;
	padding: 5px 5px 3px 5px;
}
table.tabCenik td div {
	border-top: 1px solid #D1CDCA;
	padding: 5px 0 3px 0;
}

table.tabCenik tr.prvni th div, table.tabCenik tr.prvni td div {
	border-top: none;
}

table.tabCenik td div span.puv {
	color: #888787;
	text-decoration: line-through;
	white-space:nowrap; /* nobr */
}

table.tabCenik tr.silnejsi td div {
	border-top: 2px solid #D1CDCA;
	
}

/* doplnkove sluzby: */
table.tabCenik th div span.mensi {
	font-size: 0.9em;
}

table.tabCenik td.min80 {
	min-width: 80px;
}





th.tdLeft, td.tdLeft {
		text-align: left;
}
th.tdCenter, td.tdCenter {
		text-align: center;
}
td.tdRight {
		text-align: right;
}





a.au {
	text-decoration: underline;
}


.red {
	color:#EC2627;
	}
.dblue {
	color: #583217;
}
.lblue {
	color: #1C7CB6;
}
.black {
	color:#000;
	}
.green {
	color: #009239;
}






/* a) sire barev. pozadi jen podle obsahu: */
div.pro-seznam {  
	width: 100%;
	float: left;
	text-align: center;
	margin: 10px 0;
	padding: 0;
	color: #333;

}
div.pro-seznam-in {  
	display: inline-block;
	text-align: left;
	padding: 15px 10px 10px 10px;
	color: #333;
	background: #F4F4F4;


}

/* a) sire barev. pozadi 100%: */

div.pro-seznam-all{  
	margin: 0;
	padding: 15px 10px 10px 10px;
	color: #333;
	background: #F4F4F4;
}
div.pro-seznam-all-nadp {  
	margin: 0;
	padding: 15px;
	color: #fff;
	background: #2B8ACD;
}
div.pro-seznam-all-nadp h3 {  
	color: #fff;
	font-size: 1.6em;
	margin: 0;

}
div.pro-seznam-all-nadp h3.h3-2 {  
	font-size: 1.5em;
}

div.red-all{  
	margin: 0;
	padding: 20px 10px 5px 110px;
	color: #fff;
	background: #EC2627 url(../gfx/info1.jpg) no-repeat 50px 5px; /* from left, from top */
}
div.red-all p{  
	font-size: 1.3em;
}

div.akt-nab{  
	margin: 0;
	padding: 10px 20px 2px 20px;
	color: #000;
	background: #EC2627; 
}
div.akt-nab p{  
	font-size: 1.3em;
}
div.akt-nab h3{  
	color: blue;
	font-size: 2em;
	font-weight: bold;
}
	
ul.ul1 {
	list-style-type: none; 
	margin: 0;
}
ul.ul1 li {
    background: url(../gfx/li1.png) no-repeat left 2px; 
	padding: 2px 0 2px 22px; /* left = the width of your image + some space */
    margin: 4px 0 2px 10px;
	font-size: 0.9em;
	line-height: 1.5;
	font-weight:normal;
	color: #4A4A4A;
}	


ul.ul3 {
	list-style-type: circle; 
	margin: 0 0 0 40px;  
	padding: 0;
}
ul.ul3 li {
	line-height: 1.5;
	margin: 0 0 12px 0x;
	padding: 0 0 4px 10px;
	font-size: 1.1em;
}

ul.ul4 {
	list-style-type: disc; 
	margin: 0 0 0 40px;  
	padding: 0;
}
ul.ul4 li {
	line-height: 1.3;
	margin: 0 0 4px 0x;
	padding: 0 0 4px 10px;
	font-size: 0.9em;
}


div.odk-nepod a {
	color: #333;
	text-decoration: none;
}
div.odk-nepod a:hover {
	color: #555;
	text-decoration: none;
}

a.nepod {
	color: #333;
	text-decoration: none;
}
a.nepod:hover {
	color: #555;
	text-decoration: none;
}



	div.ref-photo a {
		position: relative;
		text-decoration: none;
		float: left;
		display: block;
		height: 150px;
		margin: 0 10px 10px 0;
		border: 1px solid #BDBCBC;		
		
	}
	div.ref-photo a img {
		height: 150px;
		/*width: 150px; */
		margin: 0;
		
	}	
	
ol.ol1 { 
	list-style-type: decimal; 
	list-style-position: outside; 
    margin: 5px 0 20px 0;
    padding-left: 60px;
}	
ol.ol1 li { 
	padding-bottom: 18px;
	font-size: 1.9em;
	line-height: 0.9;
	font-weight: bold;
	color: #1A679D;
}
ol.ol1 li span.span1 { 
	font-size: 0.6em;
	font-weight: normal;
	color: #000;
}	
ol.ol1 li span.span2 { 
	font-size: 0.6em;
	font-weight: bold;
	color: #1C7CB6;
}	


ol.ol2 { 
	list-style-type: decimal; 
	list-style-position: outside; 
    margin: 5px 0 20px 0;
    padding-left: 30px;
}	
ol.ol2 li { 
	padding-bottom: 18px;
	font-size: 1.1em;
	line-height: 1.3;
}

ol.ol3 {
	list-style-type: upper-roman;
	list-style-position: outside; 
    padding-left: 30px;
}	
ol.ol3 li { 
	padding-bottom: 18px;
	font-size: 0.9em;
	line-height: 1.3;
}


.outer-div
{
     /*padding: 30px;*/
     text-align: center;
}
.inner-div
{
     display: inline-block;
     /*padding: 50px;*/
}

img#img3faze {
	max-width: 100%;
}

p.slogan {
	font-size: 0.9em;
	font-weight: bold;
	line-height: 1.2;
	color: #333;
	margin: 15px 0;
}

p.pNadpSluz1 {
	color: #34569D;
	font-size: 1.5em;
	font-weight:bold;
	margin: 0;
	padding: 0;

}
p.pSluz1{
	color: #000;
	font-size: 1em;
	font-weight:bold;
	margin: 0 0 10px 25px;
	padding: 0;
	
}
p.pSluz2{
	color: #34569D;
	font-size: 1em;
	font-weight:bold;
	margin: 0 0 10px 25px;
	padding: 10px 0 0 0;
	
}

ul.ulSluz1  {
    list-style:none;
}

ul.ulSluz1 li {
    background: url(../gfx/ul-sluz1-li.png) no-repeat left 2px; 
    padding: 0 0 5px 30px; /* left = the width of your image + some space */
    margin: 5px 0 3px 20px;
	font-size: 1em;
	font-weight:normal;
	color: #323232;
}

div.divSluzbyObr {
	position: relative;
	width: 635px;
	height: 242px;
	color: #33383C;
	font-size: 0.9em;
	background: #E9F0F8 url(../gfx/dotacni-management-reference.jpg) no-repeat right top; 
	
}
div.divSluzbyObr p.pNadpRef {
	color: #315796;
	font-size: 1.2em;
	font-weight:bold;
	padding: 20px 0 0 15px;
	line-height: 1.2;
}
div.divSluzbyObr p.pTextRef {
	padding: 0 0 10px 15px;
	font-size: 1em;
	line-height: 1.2;
}

div.divSluzbyObr div.divPopisRef {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 0;
	background: #2E5797;
	color: #fff;
	font-size: 1em;
	font-weight:bold;
	padding: 12px 25px 12px 15px;
}



div.mlr20 {
	position: relative;
	margin-left: 20px;
	margin-right: 20px;
}
div.mlr80 {
	position: relative;
	margin-left: 80px;
	margin-right: 80px;
}
div.mlr265 {
	position: relative;
	margin-left: 265px;
	margin-right: 265px;
}

div.ml20 {
	position: relative;
	margin-left: 20px;
}
div.mr20 {
	position: relative;
	margin-right: 20px;
}

div.ml40 {
	position: relative;
	margin-left: 40px;
}
div.mr40 {
	position: relative;
	margin-right: 40px;
}




div.divHlNadp {
	display: inline; /* kvuli obrazku vedle */
	
}
div.divHlNadp img, div.divHlNadp h1 {
	vertical-align: middle;
}

p.motto {
	color: #010101;
	font-size: 1.3em;
	font-weight: 800;
	margin: 30px 0;
}
p.motto span {
	color: #77bf10;
}

div.motto2 {
	color: #010101;
	font-size: 1.3em;
	font-weight: 800;
	line-height: 1.4;
	text-align: justify;

	border-left: 14px solid #77bf10;
	border-right: 14px solid #77bf10;
	padding: 0 20px;
	margin: 15px 2px 30px 0;
}
div.motto2 span {
	color: #3176de;
}
div.motto2 span.green {
	color: #77bf10;
}
div.motto2.center {
	text-align: center;
	
}
div.motto2.uzsi {
	margin: 15px 200px 30px 200px;
}

p.motto3 {
	color: #000;
	font-size: 1.1em;
	line-height: 1.4;
	font-weight: 3800;
	margin: 40px 0;
}





.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}






div#mob-top {  /* jen pro mobily */
	display: none;
}
div#contain {  /* jen pro mobily */
	display: none;
}
div#mob-top-kontakty {  /* jen pro mobily */
	display: none;
}
nav#mob-menu {  /* jen pro mobily */
	display: none;
}
div#mob-nahoru {  /* jen pro mobily */
	display: none;
}

div#mob-misto-slideruxxx {  /* jen pro mobily a to pozdeji - kvuli tlacitku na HP pro rezervace */
	display: none;
}

div#my-slider {display: block;}
div#my-slider-mob {display: none;}





div#nahoru-abs {  
	position: fixed;
	margin: 0;
	padding: 0;
	bottom: 100px;
	right: 10px;
	display: none;
}

div.reference-logo {
	position: relative;
	float: left;
	margin: 0 20px 10px 0;
}


div#divSouhlas1Popis, div#divSouhlas2Popis {
    display: none;
}
div#divSouhlas1Odkaz:hover > div#divSouhlas1Popis {
	display: block;
	background: #2a64f8;
	color: #fff;
	padding: 10px 15px 5px 15px;
	font-size: 0.9em;
}
div#divSouhlas2Odkaz:hover > div#divSouhlas2Popis {
	display: block;
	background: #2a64f8;
	color: #fff;
	padding: 10px 15px 5px 15px;
	font-size: 0.9em;
}


div.cara-delici {
	border-bottom: 1px solid #583217;
	margin: 20px 0 25px 0;
}
a.odkStrong {
	font-weight: 800;
}

img.banner-eu {
	max-width: 100%;
}
    
	
	
/* COOKIES INFO: */


div#cookieInfo {
	display: none; /* a pripadne zviditelnit JQuery, protoze v mobilech odsouhlasene na chvilicku probliklo, nez se JQuery zpracovalo */
	position:fixed;
	bottom:0px;
	left:0px;
	width: 100%;
	/*height:100px;*/
	color: #fff;
	background-color:rgba(0, 0, 0, 0.9);
	padding: 0;
	z-index: 55555;
}
div#cookieInfoIn {
	margin: 10px 15px 8px 15px;
}
div#cookieInfo p {
	color: #fff;
	margin: 5px;
	font-size: 0.8em;
}
div#cookieInfo a {
	color: #fff;
	text-decoration: underline;
	font-size: 1em;
}
div#cookieInfo a:hover {
	color: #009239;
	text-decoration: underline;
}

div#cookieInfo a#cookieBtnRozumim {
	float: right; background-color: #009239; color: #fff; border: 0; font-weight: 600; cursor: hand; padding: 5px 10px; margin: 0 0 8px 20px; font-size: 1em; text-decoration: none;
}
div#cookieInfo a#cookieBtnRozumim:hover {
	background-color: #AD1C14; color: #fff; border: 0;
}


	
/* k: COOKIES INFO */

	
	
	
	
/* pro fungovani sub, sup: */
sub, sup {
  /* Specified in % so that the sup/sup is the right size relative to the surrounding text */
  font-size: 75%;

  /* Zero out the line-height so that it doesn't interfere with the positioning that follows */
  line-height: 0;

  /* Where the magic happens: makes all browsers position the sup/sup properly, relative to the surrounding text */
  position: relative;

  /* Note that if you're using Eric Meyer's reset.css, this is already set and you can remove this rule */
  vertical-align: baseline;
}

sup {
  /* Move the superscripted text up */
  top: -0.5em;
}

sub {
  /* Move the subscripted text down, but only half as far down as the superscript moved up */
  bottom: -0.25em;
}

/* k: pro fungovani sub, sup */