/* Change Layout to one column (only if preclass exist) */
.single-column #wrap .wrap-in #content .obsah .text {
	float: none;
	margin: 0 auto;
	padding-bottom: 20px;
}

.single-column h1 {width: 100%;}

/*.reservation{width:713px;}*/

.reservation h1 {display:none;}

table.rsv-preset {width:100%;margin-left:0px;}
.rsv-preset, .rsv-persons{background:#76DAFE;}
.rsv-persons{padding: 10px 10px 10px 10px; margin-top: 40px;}
table.rsv-title{width:100%;}
.rsv-item-block {
	border-bottom:1px solid #FF0099;
	margin-bottom:10px;
}
.reservation .reservation table.rsv-preset td {
	padding-left: 10px;
}
.rsv-departure, .rsv-room div div, .rsc-arrival, .rsv-food {
	float:left;
}
.rsv-food {
	clear: left;
	float: none; /* pridano 29012015 */
	/* margin-left:95px; */
}
.rsv-item-block .rsv-item-total, .rsv-item-price {
	text-align:right;
	width:45px;
	white-space: nowrap;
}
.rsv-item-name{text-align:left; width:300px;}
.rsv-total-price .rsv-total-price-table .rsv-total-price-label {
	padding-right:10px;
}

.rsv-item-price-flag-name { white-space: nowrap; color: #058dd7; font-weight: bold; }
.rsv-item-original-price { white-space: nowrap; padding-left: 5px; padding-right: 5px; }
.rsv-item-original-price > span > span { color: #888888; text-decoration: line-through; }

TABLE.rsv-items {width:100%; }
TABLE TD.rsv-item-type {width:200px; }

TD.rsv-item-price-detail,
TD.rsv-item-partialprices,
TD.rsv-item-fullpriceperperson {/* display:none; */ padding:0; }

/*TD.rsv-item-datefrom,
TD.rsv-item-timecount {display:none; }*/


.rsv-title .rsv-name {padding:0px 10px 0px 0px;font-weight:bold;font-size:13px;}

.rsv-validator {margin:0px;}
.rsv-validator > span { background: #DC2C2C; color: white; font-weight: bold; padding: 10px 15px; text-transform: uppercase; width: 100%; display: block; box-sizing: border-box; }

.rsv-preset, .rsv-total-price-table {margin:0px 0px 0px -1px;}
.rsv-total-price-table {float:right;margin-top: -32px;}

.rsv-item-block {width:100%;}
TABLE TD.rsv-items-cont { /* float:right; */ text-align:right;}

/*.rsv-persons select {margin:0px 20px 0px 5px;}*/

.rsv-persons .dospeleosoby-pocty-popiska { font-weight: bold; }

.rsv-room {
	position: relative;
	z-index: 10;
}

.rsv-departure {
	width: 179px;
}

.rsv-departure, .rsc-arrival, .rsv-room, .rsv-diet {padding:10px 15px 10px 0px;}
.rsv-departure span, .rsc-arrival span, .rsv-room span, .rsv-diet span {font-weight:bold;padding:0px 5px 0px 0px;}

.rsv-btn-place {margin:20px 0px 2px 0px;clear:both;}

.rsv-btn-place input {text-shadow: 1px 1px 1px #fff;}
.reservation .reservation .rsv-btn-place input { width: auto; margin-right: 10px; }


.rsv-btn-place input, a.btn-yellow, .btn-yellow a, .payment-button input {
    text-shadow: 1px 1px 1px #fff;
    /*background: #FEE56A url(/public/tlacitko-zlute.png);*/
    background: #ffe66b;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZTY2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYWMzNTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ffe66b 0%, #dac352 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe66b), color-stop(100%,#dac352));
    background: -webkit-linear-gradient(top,  #ffe66b 0%,#dac352 100%);
    background: -o-linear-gradient(top,  #ffe66b 0%,#dac352 100%);
    background: -ms-linear-gradient(top,  #ffe66b 0%,#dac352 100%);
    background: linear-gradient(to bottom,  #ffe66b 0%,#dac352 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe66b', endColorstr='#dac352',GradientType=0 );
    width:250px;
    height:30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #CEB950;
    cursor:pointer;
    font-size:11px;
    font-weight:bold;
    color:#3b3b3b;
    text-transform: uppercase;
      display: inline-block;
      white-space: nowrap;
      text-align: center;

  }

.rsv-btn-place .rsv-continuebutton2
{
  float: right;
}

.btn-yellow a { height: 30px;line-height: 28px; height: 28px;text-align: center; text-decoration: none; margin-right: 8px; }


.rsv-btn-place input:hover {background-position: -169px 0;color:#2B2B2B;text-shadow: 1px 1px 1px #CFBA4E}

.rsv-street-input {width:240px;}


table.rsv-contact {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#76DAFE none repeat scroll 0 0;
	border-collapse:collapse;
	margin:0;
	padding:0;
	width:100%;
}

table.rsv-contact td.rsv-firstname-input, table.rsv-contact td.rsv-middlename-input {
	width:80px;
}

table.rsv-contact td {
	border-bottom:1px solid #FAFAFA;
	padding:5px 3px 3px 5px;
	vertical-align:middle;
}
.rsv-contact {width:693px !important;}
.rsv-contact td{padding: 0 0 0 7px; vertical-align: top; padding: 5px 0 2px 7px;}

.rsv-contact .rsv-firstname-label,
.rsv-contact .rsv-lastname-label,
.rsv-contact .rsv-mobile-label,
.rsv-contact .rsv-city-label,
.rsv-contact .rsv-note
{width:100px;}

.rsv-contact input[type="text"],
.rsv-contact input[type="number"] { width: 135px !important; border: 1px solid darkgrey !important; display: inline-block; vertical-align: top; }
.rsv-city-input input:nth-child(2) { width: 50px !important; }
.rsv-birthdate-format { display: inline-block; vertical-align: super; }
.rsv-contact .rsv-note { padding-left: 7px; }
.rsv-season { width: 100%; background-color: rgb(118, 218, 254); }
.rsv-season td { vertical-align: middle; padding: 3px 0 15px 10px; font-weight: bold; }
.rsv-season .calendar-image { position: relative; top: 4px; }
.rsv-season input, .rsv-season select { margin-left: 3px; }




.rsv-contact input.rsv-required-field {background:#ffc; border:2px solid #FFFFCC; }
.rsv-contact .validator {color:#f00; vertical-align: bottom; }

table.phones{margin-left:-3px;}

.rsv-contact .rsv-note {margin:20px 0px 0px 0px; width:500px;}
.rsv-note textarea{height:100px;}


TD.rsv-discount-name { }
TD.rsv-discount-name INPUT {vertical-align:middle; margin-top:0; border:none; }
TD.rsv-discount-desc {padding:0 10px 3px;}


TR.rsv-item-d {}
TR.rsv-item-d TD.rsv-item-dname {text-align:left; padding:0 7px;}
TR.rsv-item-d TD.rsv-item-total {white-space: nowrap;}
table.rsv-transfer { width: 100%; background: #76DAFE; margin-bottom: 15px;position: relative; top: -65px; padding: 0 270px 5px 0;}
table.rsv-transfer td{padding: 10px; }
table.rsv-transfer span { font-weight: bold; }
.rsv-reservationroom { line-height: 1.6 }

.rsv-contact .rsv-note {margin:10px 0 0;}

.rsv-contact { 
	background:#76DAFE; 
	padding:5px 0; 
	width: 100%;
}

.single-column div[role="status"] .rsv-infotext,
.reservation-persons-container .rsv-infotext{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(/Public/semitransparentBlack.png) repeat;
	background: rgba(0, 0, 0, 0.5);
	z-index: 99999999999;
	color: white;
	font-weight: bold;
	text-transform: uppercase;
	padding: 60px;
	font-size: 15px;
	text-align: center;
}

/*
#product-rsv-loader {
  color: black;
  font-weight: bold;
  font-size: 15px;
  padding: 20px;
  padding-left: 160px;
  padding-top: 68px;
  position: fixed;
  left: 35%;
  top: 35%;
  margin-left: -145px;
  width: 120px;
  height: 69px;
  border-radius: 5px;
  box-shadow: 0px 0px 3px gray;
  z-index: 1000;
}
*/

/* Rekapitulace */
.reservation-persons-container .rsv-result {background: aliceblue; padding: 23px 20px 20px; color: navy; border: 1px solid rgb(200, 217, 232); font-style: italic; line-height: 1.25; margin:0 0 20px; }
.reservation-persons-container .rsv-recap > div,
.reservation-persons-container .kontaktni-udaje > div,
.rekapitulace-objednani .dospeli,
.rekapitulace-objednani .deti,
.rekapitulace-objednani .odjezd {margin-bottom: 5px;}
.reservation-persons-container .rsv-recap span:first-child {display: inline-block; font-weight: bold; min-width: 150px;}
.reservation-persons-container .kontaktni-udaje .rekapitulace {font-size: 18px; font-weight: bold; margin: 15px 0 10px; border-bottom: 1px dotted black; padding-bottom: 5px;}
.reservation-persons-container .rekapitulace-objednani .polozky .polozky-popisek {display: block; font-size: 18px; font-weight: bold; margin: 15px 0 10px; border-bottom: 1px dotted black; padding-bottom: 5px;}
.reservation-persons-container .rsv-enter-persons span {display: inline-block; font-size: 18px; font-weight: bold; margin-top: 20px;}
.reservation-persons-container .rsv-allpersons {margin-top: 10px;}
.reservation-persons-container .objednavka .nazev {margin: 0;}
.reservation-persons-container .rsv-firstname-label {width: 111px;}
.reservation-persons-container .rsv-persons .rsv-person {margin-bottom: 15px;}
.reservation-persons-container .rsv-persons .rsv-person:first-child {font-weight: bold; padding-top: 0px;}
.reservation-persons-container .rsv-persons .rsv-person {padding-top: 20px; font-weight: bold;}
.reservation-persons-container .rsv-persons .rsv-person span {font-weight: bold;}
.reservation-persons-container .rsv-lastname-label {width: 90px;}
.rekapitulace-objednani .polozky .polozka {margin: 6px 0;}

.rsv-recap .rezervace_do span:first-letter {text-transform: capitalize;}
.rsv-recap .rezervace_do .datum {font-weight: bold; color: rgb(2, 139, 211);}
.rsv-recap .termin .datum, .rsv-recap .termin .noci,.rsv-recap .cislo {font-weight: bold; display: inline-block; margin-right: 10px;}
.rekapitulace-all .cena {margin-bottom: 20px; font-size: 16px; font-weight: bold; }

.rsv-infant-label {font-weight: bold;}
#product-rsv-loader {background: url(/Public/forlinePreloader.gif) no-repeat center center; position: fixed; left: 50%; top: 40%; width: 80px;}
#product-rsv-loader p {text-align: center; padding-top: 140px; margin-left: 7px;}
.reservation-number p {font-weight: bold; margin: 20px 0; font-size: 20px;}
.rsv-persons .rsv-children-agelabel {font-weight: bold;}

.rsv-btn-place .rsv-continuebutton1 { display:none; }
.rezervace-obdobi .rsv-btn-place .rsv-continuebutton1 { display:block; }

.rsv-allpersons { position:static; }

.rsv-season-nights::first-letter,
.rsv-season-date-to::first-letter { text-transform:uppercase;}
.rsv-discount-row,
.rsv-discount-name, .rsv-discount-desc {color: #e0007d}




 /* zarovnani prijezd odjezd, pokoj, strava */ 
  .reservation table.rsv-preset .rsv-room { padding-left:10px!important; }
  .reservation .rsv-departure,
  .rsv-room .rsv-reservationoption { width:300px; box-sizing:border-box; }
  .reservation .rsc-arrival { padding-left:10px!important; }

.col-res-3 { width: 25%;}
.pad-typ1 {
  padding: 9px 0 9px 4px;
}

.row-res .pad-typ1 {
  color: #bbb;
  background-color: #fafafa;
    border-top: 6px solid #ccc;
    border-left: 1px solid #ccc;
}

.row-res .active .pad-typ1{
    border-top: 6px solid #028BD3;
    border-left: 1px solid #028BD3;
    color: #000;
    background: #fff;
    position: relative;
    z-index: 20;
    -webkit-box-shadow: 2px -2px 8px 0px rgba(145, 145, 145, 0.75);
    -moz-box-shadow: 2px -2px 8px 0px rgba(145, 145, 145, 0.75);
    box-shadow: 2px -2px 8px 0px rgba(145, 145, 145, 0.75);
}
.row-res .last {border-right: 1px solid #ccc;}
.filled .pad-typ1 {border-top: 6px solid #76DAFE; color: #777}
.row-res .step-num { margin: 0 0 4px 0; font-weight: bold; color: #ccc;}
.row-res .active .step-num{ color: #777; }


.reservation-persons-container .rsv-recap .polozky .polozka-nazev,
.reservation-persons-container .rsv-recap .cena .celkovacena-popiska { min-width: 260px;}
.rsv-enter-persons {    color: #ff009a;
    text-transform: uppercase;
    font-size: large;
    font-weight: bold;}

.objednavka-poptavka .rsv-addroom-button {visibility: hidden;}
.rsv-info {padding: 20px 0; }

#wrap .wrap-in #content .obsah .text {
  float: none;
  margin: 0 auto 60px auto;
}

.validator {color: red;}


/**
 * Tooltip Styles
 */

/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
  position: absolute;
  bottom: 70%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 12px;
  width: 280px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  line-height: 1.3;
  letter-spacing: 0.25px;
  font-family: Arial;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
  position: absolute;
  bottom: 70%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid hsla(0, 0%, 20%, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.box {padding: 15px 15px 15px 0; }
.left-column .obs-obal { }
.left-column #wrap .wrap-in #content .obsah .text { float: right; }
.left-column #wrap .wrap-in #content .obsah .levy-sloupec { width: 220px;}

.font18 { font-size: 18px;}
.bg-ruzova { background: #e0007d;}
.ruzova { color: #e0007d;}
.x-5 { position: relative; right: 5px;}
.marg-top-40 {margin-top: 40px;}
.ta-j { text-align: left;}

.rsv-contact input[type="text"].rsv-required-field {border: 1px solid red;}
.rsv-contact input[type="text"].rsv-required-field.required-field {border: 1px solid darkgrey;}
.inline {display: inline-block;}