
.rhead-slogan-hot	{font-size:2.2rem; color:#FFFFFF; margin-top:120px; text-shadow: 2px 6px 8px #666666;}
/*
@media (min-width: 993px) and (max-width: 1200px) {
.rhead-slogan-hot		{}}
@media (min-width: 768px) and (max-width: 992px) {
.rhead-slogan-hot		{}}
*/
@media (min-width: 641px) and (max-width: 767px) {
.rhead-slogan-hot		{margin-top:60px; }}
@media (min-width: 521px) and (max-width: 640px) {
.rhead-slogan-hot		{font-size:2rem; margin-top:60px; }}
@media (max-width: 520px) {
.rhead-slogan-hot		{font-size:1.8rem; margin-top:70px; }}

.hotel					{background-color:#EEEEEE; padding-top:50px; padding-bottom:20px;}
.hotel h2				{text-align:left; margin-bottom:40px;}
.hotel p					{font-size:1.1rem; margin-bottom:0px; margin-top:0px;}
.tab-hotel th 			{border:1px solid transparent;}
.tab-hotel td			{font-size:1.1rem;}
.hotel ul					{margin-left:20px;}

.di1						{font-size:1.1rem; margin-left:0px; margin-bottom:10px;}
.di2						{text-transform:uppercase; white-space:nowrap; text-align:left; text-decoration:none; margin-right:20px; margin-left:0px; color:#000000;}
.hotel h3				{font-size:1.1rem; margin-left:0px; margin-bottom:10px; text-transform:uppercase; white-space:nowrap; text-align:left; text-decoration:none; 
							margin-right:20px; margin-left:0px; color:#000000;}
.di2:before				{/*content: " • "; background-color: none; color: orange;  font-weight: bold;*/} 
.di3						{color:#666;}
@media (max-width:768px){.di3 {padding-right:36px;	}}
.bi							{color:#000; font-style:italic;}
.td1						{text-transform:uppercase; white-space:nowrap; text-align:right; margin-right:10px;}
.td1, .td2				{border:1px solid transparent;}
.aname					{height:0px; padding:0px; margin:0px;}


@media (max-width:768px){.rhead-slogan-hot {/*color:#000; text-shadow: 4px 6px 8px #fff;*/}}
@media (max-width:768px){.rhead-top {background-position:0px 0px;}}

/*ZELENY OKEY V HEDERI
=======================================================================================*/
.zok						{background-image:url(https://reny.sk/pic/ok.png); background-position:left top; background-repeat:no-repeat; padding-left:30px;}

/*ZMESTIT IKONKY 
=======================================================================================*/
.rhead-ook					{ overflow:hidden;}

/* TLAČÍTKA
=======================================================================================*/
 /*.a-name-x				{position:relative; height:60px; width:60px; background-color:#00FF99;top:-60px;}*/
h2 {font-size: 26px; text-align: center; text-transform: uppercase;}


.tlacko					{background-color:#eee; padding-top:50px; padding-bottom:0px;}
.div-tlac					{padding:2px; border:1px solid #ccc; /*background-color:#fff;  border-radius:4px;*/ margin-top:-50px; margin-bottom:40px;}
.div-tlac img			{background-color:#eee;}
.div-tlac div			{display:block; background-color:#fff; padding-left:4px; height:20px;}
.a-big 					{color:#000000; font-size:14px; text-transform:uppercase;}
.aaa						{}

/* RECENZIE
=======================================================================================*/
.recenzie	 			{background-color:#EEEEEE; padding-top:0px; padding-bottom:0px;}
.recenzie h2			{text-align:left; margin-top:30px; margin-bottom:45px;}
.recenzie h3			{font-size:1.1rem; margin-left:0px; margin-bottom:10px; text-transform:uppercase; white-space:nowrap; text-align:left; text-decoration:none; 
							margin-right:20px; margin-left:0px; color:#000000;}
.recenzie p				{font-size:1.0rem; color:#666; margin-bottom:10px; margin-top:10px; font-style:italic}


/* CENNIK
=======================================================================================*/
.cennik	 				{background-color:#EEEEEE; padding-top:0px; padding-bottom:0px;}
.cennik h2				{text-align:left; margin-top:30px; margin-bottom:45px;}
.cennik h3				{font-size:1.1rem; margin-left:0px; margin-bottom:10px; text-transform:uppercase; white-space:nowrap; text-align:left; text-decoration:none; 
							margin-right:20px; margin-left:0px; color:#000000;}
.cennik p				{font-size:1.1rem; margin-bottom:0px; margin-top:0px; color:#666; margin-top:20px; margin-bottom:20px; text-align:justify;}
.cennik .poznamka	{font-family: 'Lora', georgia, sans-serif, Open Sans; font-size: 14px; display:block; margin-top:5px; margin-bottom:30px; color:#737373;}
.cennik li				{margin-left:20px;}

.wrapper					{position: relative; border:1px solid #ccc; background-color: #E7E7E7;}
.scroller					{margin-left: 200px; overflow-y: visible; border-collapse: separate; border-spacing: 0;}
.sticky					{left: 0; position: absolute; width: 200px; background-color: inherit;}
.cennik tr				{background-color: #FDF0DB;}
.cennik-top td			{background-color: #E7E7E7;}
.cennik-top .sticky	{background-color: #E7E7E7;}
.cennik td				{padding:3px; text-align:center;}
.cennik th				{padding:3px; text-align:left;}
.cennik tr:nth-child(2n) {background-color: #F7F7F7;}
.cennik tr:hover 		{background-color: #FFFFFF;}


/* REZERVÁCIA
=======================================================================================*/
.rezervacia 				{background-color:#EEEEEE; padding-top:0px; padding-bottom:0px;}
.rezervacia h2			{text-align:left; margin-top:40px; margin-bottom:45px;}
.rezervacia h3			{font-size:1.1rem; margin-left:0px; margin-bottom:10px; text-transform:uppercase; white-space:nowrap; text-align:left; text-decoration:none; 
							margin-right:20px; margin-left:0px; color:#000000;}
/*.rezervacia p		{font-size:1.1rem; margin-bottom:0px; margin-top:0px; color:#666; margin-top:20px; margin-bottom:20px; text-align:justify;}*/
.rezervacia .checkbox {margin-top:10px; margin-bottom:10px; color:#737373;}
.hot-rez-form			{margin-top:30px;}
#hotel-form			{}
.rezervacia span		{text-align:justify;}
@media (max-width:768px){.hot-rez-form {padding-right:36px;	}}

/* GALERIA
=======================================================================================*/
.galery					{background-color:#EEEEEE; }


/* VIDEO
=======================================================================================*/
.video					{background-color:#EEEEEE; }
.video h2				{text-align:left; margin-top:40px; margin-bottom:45px;}


/* MAPA
=======================================================================================*/
.mapa					{background-color:#EEEEEE; }
@media (max-width:768px){.mapa {padding-right:36px;	}}
.mapa h2				{text-align:left; margin-top:40px; margin-bottom:45px;}
.mapa iframe			{margin-bottom:40px; font-family: 'Lora', georgia, sans-serif, Open Sans; font-size: 14px; color:#737373;}
.mapa-u					{margin-bottom:30px; border:4px solid #fff; border-radius:6px;}
.a-self					{color: #666666; text-decoration: none; font-weight: normal;}
.div-hotpod				{background-color:#efefef; text-align:left; padding-left:9px; padding-right:9px; padding-top:6px; }
/*= lg =*/@media (min-width: 1200px) {
.div-hotpod				{height:70px; overflow:hidden;}}
/*=md=*/@media (min-width: 992px) and (max-width: 1199px) {
.div-hotpod				{height:90px; overflow:hidden;}}
/*=sm=*/@media (min-width: 768px) and (max-width: 991px) {
.div-hotpod				{height:90px; overflow:hidden;}}
/*=xs =*/@media (min-width: 480px) and (max-width: 767px) {
.div-hotpod				{height:70px; overflow:hidden; }}
/*=xxs */@media (max-width: 479px) {/*320*/
.div-hotpod				{ }}
.div-LmapH 				{ text-align:center;}
.div-LmapH .div-hotpod	{ text-align:center;}
.div-LmapH .mapicka		{ margin-top:0px;}

/* NAVIGÁCIA KAPITOLY
=======================================================================================*/
.chapter-anchor 		{
						display: block;
						position: relative;
						top: -50px;
						visibility: hidden;
						}
.chapter-nav 			{
						position: fixed; 
						z-index:1001;
						right: 0; 
						top: 50%; 
						transform: translateY(-50%);
						display: flex;
						flex-direction: column;
						justify-content: center;
						align-items: flex-end;
						}
.chapter-btn 			{
						position: relative; 
						display: flex;
						align-items: center;
						margin-bottom: 10px;
						padding: 5px;
						border-radius: 5px 0 0 5px;
						background-color: #f8f9fa;
						border: 1px solid #ddd;
						cursor: pointer;
						width: 40px;
						white-space: nowrap;
						transition: width 0.5s;
						}
.chapter-btn .bi		{
						font-size:24px;
						}
.chapter-text 			{
						display: none;
						margin-left: 10px;
						margin-right: 10px;
						color:#666666;
						font-size: 18px;
						}
#Brezervacia 			{
						background-color:#FF9934;
						}
#Brezervacia .chapter-text  			
						{
						color:#000;
						}
@media (min-width: 521px) {
.chapter-btn:hover		{
						position: relative; 
						width: 150px;
						}
.chapter-btn:hover .chapter-text		
						{
						display:inline;
						margin-left: 10px;
						margin-right: 10px;
						font-size: 18px;
						}
}
						
@media (max-width:768px){.nazov {padding-right:36px;	}}
