body { font-family: 'Source Sans Pro', sans-serif; color:#555; }

h1, .h1 { font-size:30px; color:#e6274c; text-transform:uppercase; font-weight:600; margin-top:40px; }

.jumbotron { margin-bottom:0; padding:0; }
.jumbotron.head {
 min-height:546px;
 /* background: url("../images/skanzen.jpg") no-repeat center top; */
}

.jumbotron.head .container {
 position:absolute; top:30px; left:50%; margin-left:-585px;
}
@media screen and (max-width: 1200px) {
 .jumbotron.head .container { margin-left:-485px; }
}
@media screen and (max-width: 992px) {
 .jumbotron.head .container { margin-left:-375px; }
}
@media screen and (max-width: 768px) {
 .jumbotron.head .container { margin-left:-265px; }
}
@media screen and (max-width: 575px) {
 h1, .h1 { text-align:center; }
}
@media screen and (max-width: 530px) {
 .jumbotron.head .container { left:0px; margin-left:0px; }
}
.logo {
 display:block;
 background: url("../images/logo/penzion-straznice_v3.png") no-repeat left top;
 width:250px; height:97px; cursor:pointer;
}

.motto {
  float:right; width:510px; padding:5px 0 10px 115px; font-weight:bold;
  font-size:33px; line-height:37px; text-transform:uppercase; color:#fff;
  background:url("../images/logo/srdce.png") no-repeat left top;
  text-shadow: 1px 1px 1px #000;
 }
.motto_v2, .tel_v2, .mail_v2 { 
 display:inline-block; padding-top:105px; margin-top:25px;
 text-align:center; color:#fff; font-size:24px; text-decoration:underline;
 background: url("../images/ikony/srdce.png") no-repeat center top;
}
.mottto {
  padding-top:100px; text-transform:uppercase; color:#fff;
  text-shadow: 1px 1px 1px #000;
}
.mottto h1 { font-size:3rem; }

.tel_v2  { background: url("../images/ikony/telefon.png") no-repeat center top; }
.mail_v2 { background: url("../images/ikony/mail.png") no-repeat center top; }
.mail_v2:hover { color:#fff; text-decoration:none; }

.mail {
 float:right; margin-right:7px;
 display:inline-block;
 width:37px; height:37px;
 background: url("../images/ikony/mail_off.png") no-repeat left top;
}

.tel {
 float:right;
 display:inline-block; height:37px; padding-left:40px;
 font-size:29px; color:#e6274c; line-height:19px;
 background: url("../images/ikony/telefon_off.png") no-repeat left top;
 text-shadow: 1px 1px 1px #fff;
}

.tel span {
 display:block;
 font-size:13px; font-weight:bold; color:#000;
}

@media (max-width: 767.98px) {
 .motto_v2, .mail_v2, .tel_v2 { line-height: 27px; }
 .mail_v2 { padding-bottom:25px; }
 .motto_v2, .tel_v2, .mail_v2 { margin-top:45px; }
}

/* MENU MENU MENU */
.menu {
 min-height:222px;
 background: url("../images/back_menu.gif") center top;
}
.webp .menu { background: url("../images/back_menu.webp") center top; }


.pokoje, .parkovani, .ubytovani {
 display:inline-block; padding-top:105px; margin-top:35px;
 text-align:center; color:#fff; font-size:24px; text-decoration:underline;
 background: url("../images/ikony/pokoje.png") no-repeat center top;
}
.parkovani { background: url("../images/ikony/parkovani.png") no-repeat center top; }
.ubytovani { background: url("../images/ikony/ubytovani.png") no-repeat center top; }

@media screen and (max-width: 768px) {
 .pokoje, .parkovani, .ubytovani { width:202px; }
 .ubytovani { margin-bottom:35px; }
}

@media screen and (min-width: 768px) {
 .menu .container { width:756px; }
 .pokoje, .parkovani, .ubytovani { width:250px; }
}

@media screen and (min-width: 991px) {
 .menu .container { width:906px; }
 .pokoje, .parkovani, .ubytovani { width:300px; }
}
/* end MENU MENU MENU */




/* PATICKA PATICKA PATICKA */
footer h4 {
 font-size:30px; color:#e6274c;
}

footer ul li {
 list-style-image: url('../images/li.png');
 font-size:16px; line-height:25px;
}

footer ul li a,
footer ul li a:hover { color:#e6274c; }
footer img { margin:20px 0; }

footer .info1, footer .info2       { font-size:18px; font-weight:bold; color:#e71e4c; padding-left:50px; margin-top:20px; }
footer .info1 h4, footer .info2 h4 { font-size:25px; font-weight:bold; color:#811914; padding:0; margin:0; }
footer .info1 { background: url("../images/ikony/telefon_off.png") no-repeat left top; }
footer .info2 { background: url("../images/ikony/mail_off.png") no-repeat left 30%; cursor:pointer; width:100%; }
footer .info3 { font-size:16px; color:#e6274c; font-weight:bold; width:100%; }

footer .fb { background: url("../images/logo/fb_off.png") no-repeat left top; width:29px; height:29px; display:inline-block; }
footer .tw { background: url("../images/logo/tw_off.png") no-repeat left top; width:29px; height:29px; display:inline-block; margin-left:10px; }

@media (max-width: 991.98px) { 
  footer .info3 { text-align:center; }
}
@media (max-width: 767.98px) { 
  footer .info2 { background:none; padding-left:0px; margin-top:0; text-align:center; }
  footer .nomobil { display:none; }
}
@media (max-width: 575.98px) { 
  footer .doporuceni { text-align: center; }
}

/* end PATICKA PATICKA PATICKA */

.penzion   { font-size:16px; line-height:28px; font-weight:600; color:#555; }
.penzion p { margin-top:30px; }

.pokoj h2 { font-size:2.5rem; color:#e6274c; margin-top:70px; font-weight:700; text-shadow:1px 1px 1px #000; border-bottom: 2px solid #e6274c; }
.pokoj ul { padding:0 0 0 18px; }
.pokoj ul li { list-style-type:square; font-size:1.4rem; margin-top:30px; }

.hr_pokoj { border-top:1px solid #e6274c; }

@media (max-width: 575.98px) { 
  .pokoj h2 { font-size:2rem; text-align:center; margin-top:50px; text-shadow:none; border-bottom:0; }
  .pokoj ul li { list-style-type:circle; font-size:1.3rem; line-height:1.5rem; margin-top:10px; text-align:center; }
}



.rezervace { padding-right:0; }
.rezervace div.p { height:600px; background:#e6274c; }

.rezervace div.d { margin:0 10%; padding-top:55px; }
.rezervace form, form.kontakt {
 margin:0; background:#fff; -webkit-box-shadow: -10px -10px 20px 0 #a31c36; box-shadow: -10px -10px 20px 0 #a31c36;
}

.rezervace form fieldset, form.kontakt fieldset {
 background:#fff; padding:5px 12px;
/* -webkit-box-shadow: 13px 6px 0 0 #eec5be; box-shadow: 13px 6px 0 0 #eec5be; */
}
.rezervace form fieldset legend, form.kontakt legend {
 font-size:30px; color:#e6274c; text-transform:uppercase; font-weight:600; background:#fff;
}
form.kontakt legend { padding-top:30px; }
.rezervace form input, .rezervace form select, .kontakt input, .kontakt textarea {
 width:100%; margin-bottom:7px; padding:10px 20px;
 font-weight:600;
 border:1px solid #cbc9cb;
 -webkit-border-radius: 5px; border-radius: 5px;
 -webkit-box-shadow:inset -1px -1px 5px 0 #c5c5c5; box-shadow:inset -1px -1px 5px 0 #c5c5c5;
}
.rezervace form input[type=submit], form.kontakt input[type=submit] {
 font-size:25px; color:#fff; cursor:pointer;
 padding:5px 0; margin:15px 0 20px 0;
 background:#e6274c; -webkit-box-shadow:none; box-shadow:none; 
}



.skryj { display:none; }

@media screen and (min-width: 992px) {
  .uka1.skryj { display:block; }
  .uka2 { display:none; }
}
@media screen and (max-width: 991.98px) {
  .klik { cursor:pointer; }
}

#mapa{ width:100%; height:500px }

.cenik h2 { margin-top:0; padding-top:60px; padding-bottom:20px; }
.cenik div div { font-size:22px; font-weight:600; line-height:50px; }
.cenik div div span { color:#e6274c; }
.cenik .pozadi {
 height:600px;
 background-image:url("../images/cenik_back.jpg");
 background-size:cover;
 background-position:center bottom;
}
.webp .cenik .pozadi  { background-image:url("../images/cenik_back.webp"); }

@media (min-width: 768px) { 
  .cenik { padding-left:0; }
 }
@media screen and (max-width: 767.98px) {
 .rezervace { padding-right:15px; }
 
}
@media screen and (max-width: 575.98px) {
  .cenik div div { line-height:26px; text-align: center; }
  .cenik div div span { padding-bottom:10px; display:inline-block; }
  .cenik .pl-5 { padding-left:0px !important; }
  .penzion p { margin-top:auto; text-align:center; }
  .cenik div div span { font-size:1rem; }
  .cenik .pozadi { height:440px; background-image:url("../images/cenik_back_575.jpg");  }
  #mapa{ width:100%; height:300px }
}

iframe     { border:none; width:100%; height:500px; }



/* .container { border:1px solid #f00; } */

/* start POP-UP */
.popupbox {
 position:fixed; top:50%; left:50%; z-index:99999;
 display:none; float:left; width:50%; height:80%;
 -webkit-box-shadow: 0px 0px 20px #000; -moz-box-shadow: 0px 0px 20px #000; box-shadow: 0px 0px 20px #000;
}
#popup1 { background:#e6274c; }

#fade { 
 display:none; background:#000; opacity:.5;
 position:fixed; left:0; top:0; z-index:9999;
 width:100%; height:100%;
}

a.zavrit {
 position:absolute; top:15px; right:15px;
 display:block; width:21px; height:20px; cursor:pointer;
 background: url("../images/close.png");
}

.okno    { padding:50px 35px; }
.okno p  { color:#2e505c; font-size:20px; margin:30px 0; }
.okno h2 { font-size:35px; color:#fff; }

@media screen and (max-width: 575.98px) {
 .popupbox { width:95%; height:80%; }
 form.kontakt legend { padding-top:10px; font-size: 25px; }
}


/* end POP-UP */






/* kontaktni formular */
.jmenoOK, .telefonOK, .spolOK, .emailOK, .zpravaOK, .kontrolaOK { border:1px solid #26444f; }
.jmenoKO, .telefonKO, .spolKO, .emailKO, .zpravaKO, .kontrolaKO { border:2px solid #c00; }
.rezervace form select.pocet_nociKO, .pokojKO { border:1px solid #0ff; background-color:red; }




.form_neodeslan, .form_odeslan, .form_neodeslan2, .form_odeslan2 {
 position:absolute; top:65px; left:14px; height:430px; width:77%; padding:30px 50px; margin:0 10%;
 font-size:30px; color:#ee7629; text-align:center;
 background-color: rgba(255, 255, 255, 0.8); cursor:pointer;
}
.form_neodeslan, .form_neodeslan2 { color:#e6274c; }

::-webkit-input-placeholder { color:#3a545e; font-style:italic; }
::-moz-placeholder          { color:#3a545e; font-style:italic; } /* firefox 19+ */
:-ms-input-placeholder      { color:#3a545e; font-style:italic; } /* ie */
input:-moz-placeholder      { color:#3a545e; font-style:italic; }
/* kontaktni formular */


/* slide homepage */
.fot1 { background:url("../images/skanzen.jpg") no-repeat center top; dis play:block; }
.fot2 { background:url("../images/batak.jpg")  no-repeat center top; }
.fot3 { background:url("../images/vino.jpg")  no-repeat center top; }
.fot4 { background:url("../images/vinohrad.jpg")  no-repeat center top; }

.webp .fot1 { background:url("../images/skanzen.webp") no-repeat center top; dis play:block; }
.webp .fot2 { background:url("../images/batak.webp")  no-repeat center top; }
.webp .fot3 { background:url("../images/vino.webp")  no-repeat center top; }
.webp .fot4 { background:url("../images/vinohrad.webp")  no-repeat center top; }

div#tmpSlideshow {
 position: relative; margin:0; padding:0;
 width:100%; height:546px;
}

div.tmpSlide {
 /* position:absolute; top:0; left:0; */
 width:100%; height:726px;
 display:none;
}

div#tmpSlideshowControls {
 position:absolute; bottom:30px; right:11px;
 width:175px;
}

div.tmpSlideshowControl {
 float:left;
 width:38px; height:36px; margin:0 5px 0 0;
 color:#554d31; border:1px solid #e1dece;
 text-align:center; cursor:pointer;
 background:#fff; opacity:0.5;
}

div.tmpSlideshowControl span {
 line-height: 36px; vertical-align: middle;
}
div.tmpSlideshowControlOn {
 background:#ccc; opacity:0.5;
}
div.tmpSlideshowControlActive {
 background:#ccc; opacity:0.4;
}
div.tmpSlideCopy {
 position:absolute; left:565px; top:20px;
 width:170px;
}
/* end slide homepage */


/* fotogalerie */
.fotogalerie                       { position:relative; margin:0px; padding:0px; }
.fotogalerie .ram                  { position:absolute; margin:0px; padding:0px; overflow:hidden; }
.fotogalerie .okno                 { position:absolute; bottom:0px; width:100%; height:40px; padding:0; }
.fotogalerie .okno .popis          { text-align:center; height:25px; }
.fotogalerie .okno .popis span     { margin-right:5px; margin-left:5px; }
.fotogalerie .okno .popis span img { cursor:pointer; }
.fotogalerie img                   { padding:0px; margin:0px; border:none; }
.fotogalerie ul                    { position:absolute; padding:0px; margin:0px; list-style:none; }
.fotogalerie ul li                 { float:left; margin:0px; padding:0px; }
.fotogalerie ul li a               { display: block; }

.modal-lg { max-width:670px; border:10px solid white; }

.mobil img { margin-bottom:5px; }
.gal img { width:111px; float:left; margin:1px 1px 0 0; cursor:pointer; }
@media (max-width: 1199.98px) {
  .gal img { width:100px; }
  .pc-1199 { display:none; }
  .rozdeleni { font-size:1.3rem; }
}
@media (max-width: 991.98px) {
  .gal img { width:110px; }
  .rozdeleni { padding-bottom:15px; display:block; }
}
@media (max-width: 767.98px) { .gal img { width:84px; } }
@media (min-width: 576px) { .mobil { display:none; }}
@media (max-width: 575.98px) { 
  .nomobil { display:none; }
  .gal img { width:110px; float:none; margin:5px 1px 0 0; } 
  .gal, .rozdeleni { text-align:center; }
}
/* fotogalerie */

@media (min-width: 992px) and (max-width: 1199.98px) { 
  .pc-992-1199 { display:none; }
}

@media (min-width: 768px) {
	.mobil-768 { display:none; }
}
@media (max-width: 767.98px) {
	.pc-768 { display:none; }
}

@media (min-width: 576px) {
	.mobil-576 { display:none; }
}
@media (max-width: 575.98px) {
	.pc-576 { display:none; }
}

.center { text-align:center; }

.cleaner, .cleanerXSL {
 clear:both; font-size:1px; height:1px; line-height:0;
 border:none; background:transparent; width:100%;
}
.hidden { display:none; }

.obal_1 { position:relative; z-index:999; }
.obal_2 { position:absolute; top:20px; }
@media (max-width: 575.98px) { .obal_2 { position:static; } }
.nomargin, table tr td.nomargin, table tr th.nomargin    { margin:0; }
.nopadding, table tr td.nopadding, table tr th.nopadding { padding:0; }
.nopaddingright { padding-right:0px; }
.noborder, table tr td.noborder, table tr th.noborder    { border:none; }

div.formular_prihlaseni {
  width:100%;padding:85px 40% 0 0;text-align:right;
}
div.formular_prihlaseni a.prihlasit_sipka {
  background:#e6274c;color:#FFFFFF;padding:5px;display:inline-block;font-size:16px;font-weight:bold;
}
#zprava_o_testu_formulare {background:#FFFFFF;width:80%;margin:15px auto;font-size:16px;font-weight:bold;text-align:center;padding:10px;display:none;}