@charset "utf-8";
html, body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #3e3e3e;
	background-color: #5c740b;
	margin: 0;
	padding: 0;
	background-image: url(../gfx/des/bg.gif);
}
p {
	line-height: 16px;
	margin: 12px 0 0 0;
	color: #3e3e3e;
}
h1 {
	width: 400px;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: normal;
	color: #fdff80;
	clear: both;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	letter-spacing: 6px;
}
h2 {
	float: left;
	height: 41px;
	width: 840px;
	text-align: center;
	margin: 0px;
	background-image: url(../gfx/des/bgTitle.png);
	background-repeat: no-repeat;
}
h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: normal;
	color: #2f3a00;
	margin: 12px 0 0 0;
}
div {
	position: relative;
}
a {
	color: #495a00;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
a img {
	border: 0px;
}
input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #46370f;
	vertical-align: middle;
	margin: 2px;
}
.imgL {
	float: left;
	margin: 0 14px 8px 0;
	border: 1px solid #98a00f;
}
.imgR {
	float: right;
	margin: 0 0 8px 10px;
	border: 1px solid #98a00f;
}
.imgLBig {
	float: left;
	margin: 10px 14px 0 0;
	border: 1px solid #98a00f;
}
.imgRBig {
	float: right;
	margin: 10px 0 0 20px;
	border: 1px solid #98a00f;
}
#container {
	width: 962px;
	clear: both;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#map_canvas {
	width: 420px;
	height: 300px;
	float: right;
	overflow: hidden;
	border: 1px solid #999999;
	margin: 10px 0 0 0;
}
#site {
	background-image: url(../gfx/des/bgTop.gif);
	background-repeat: repeat-x;
	background-position: top;
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
#top {
	background-image: url(../gfx/des/bgLogo.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 145px;
	width: 962px;
	text-align: center;
}
#top img {
	margin: 25px 0 8px 0;
}
#menuTop {
	background-image: url(../gfx/des/bgMenu.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 75px;
	width: 882px;
	padding: 9px 40px 0 40px;
	text-align: center;
}
#menuTop a {
	float: left;
	display: block;
	width: 147px;
	height: 71px;
	overflow: hidden;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

.rezerwacja img {
	display: inline-block;
    height: 20px;
    position: absolute;
    left: 10px;
    top: 8px;
}
.rezerwacja {
	position: absolute;
    bottom: 40px;
    left: 63px;
    z-index: 9999;
    background: #cedd15;
    border: 1px solid #ecee4b;
    padding: 10px 20px 10px 45px;
    font-size: 1.2em;
    text-transform: uppercase;
    color: #2f3a00;
    font-weight: 600;
    cursor: pointer;
    
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.rezerwacja:hover {
background: #fcff00;
    border: 1px solid #788c26;
    color: #3d3838;
}   

#menuTop a:hover {
	background-position: 0px -71px;
}
a.angebot {
	background-image: url(../gfx/des/butt/angebot.gif);
}
a.pension {
	background-image: url(../gfx/des/butt/pension.gif);
}
a.attraktionen {
	background-image: url(../gfx/des/butt/attraktionen.gif);
}
a.galerie {
	background-image: url(../gfx/des/butt/galerie.gif);
}
a.usedom {
	background-image: url(../gfx/des/butt/usedom.gif);
}
a.kontakt {
	background-image: url(../gfx/des/butt/kontakt.gif);
}
#topImg {
	background-image: url(../gfx/des/bgTopImg.gif);
	background-repeat: no-repeat;
	float: left;
	height: 308px;
	width: 860px;
	padding: 10px 51px 0 51px;
}
#slider {
	float: left;
	height: 281px;
	width: 860px;
}
#content {
	background-image: url(../gfx/des/bgContent.png);
	background-repeat: no-repeat;
	background-position: bottom;
	float: left;
	width: 860px;
	padding: 0 51px 10px 51px;
}
#footer {
	background-image: url(../gfx/des/bgFooter.png);
	background-repeat: no-repeat;
	float: left;
	height: 108px;
	width: 820px;
	padding: 10px 76px 0 66px;
}
#footer img {
	float: left;
}
#footer p {
	color: #263000;
	text-align: right;
	font-size: 10px;
	margin: 3px 4px 0 0;
}
#fR {
	color: #263000;
	float: right;
	width: 600px;
	text-align: right;
	margin: 10px 0 0 0;
}
#fR a {
	color: #e6e83e;
	text-decoration: none;
	margin: 0 4px 0 4px;
}
#fR a:hover {
	color: #ffffff;
}
a#blauge {
	color: #263000;
	margin: 0px;
}
#welcome {
	float: left;
	width: 420px;
	background-image: url(../gfx/des/bgWelcome.png);
	background-repeat: no-repeat;
	background-position: left;
	padding: 10px 0 0 0;
	margin: 0 0 0 18px;
	height: 220px;
}
#welcome p, #land p {
	padding: 0 0 0 40px;
	color: #ffffff;
}
#welcome a, #land a {
	color: #e6e83e;
	text-decoration: none;
}
#welcome a:hover, #land a:hover {
	color: #ffffff;
}
#land {
	float: left;
	width: 370px;
	background-image: url(../gfx/des/bgWelcome.png);
	background-repeat: no-repeat;
	background-position: left;
	padding: 10px 12px 0 0;
	height: 220px;
}
#block {
	background-image: url(../gfx/des/bgBlock.png);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	width: 840px;
	padding: 0 10px 10px 10px;
}
#txt {
	background-color: #ffffff;
	float: left;
	width: 790px;
	margin: 10px 0 0 0;
	padding: 10px 25px 18px 25px;
	text-align: justify;
}
#txt li {
	margin: 6px 0 6px 0;
}
#txt2 {
	float: left;
	width: 0px;
	overflow: hidden;
	height: 0px;
}
#galleryR {
	float: right;
	width: 480px;
}
#galleryBig {
	float: right;
	width: 600px;
}
#galleryFull {
	float: right;
	width: 773px;
}
#galleryFull img {
	float: left;
	margin: 16px 12px 8px 12px;
	border: 1px solid #98a00f;
}
#galleryR img, #galleryBig img {
	float: left;
	margin: 16px 0 2px 18px;
	border: 1px solid #98a00f;
}
#galleryBig h3 {
	float: right;
	width: 582px;
	margin: 0px;
	float: right;
	font-size: 24px;
	border-bottom: 1px solid #a9b00a;
	padding: 7px 0 0 0;
}
#menuLeft {
	float: left;
	width: 184px;
	margin: 12px 0 0 0;
}
#menuLeft ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#menuLeft a {
	float: left;
	font-size: 16px;
	color: #ffffff;
	line-height: 40px;
	background-image: url(../gfx/des/bgMenuLeft.gif);
	background-repeat: no-repeat;
	height: 40px;
	width: 170px;
	margin: 0 0 1px 0;
	overflow: hidden;
	display: block;
	text-decoration: none;
	padding: 0 0 0 14px;
}
#menuLeft a:hover {
	background-position: 0px -40px;
}
.contactL {
	text-align: center;
	float: left;
	width: 340px;
	padding: 40px 0 0 0;
}
.contactL p {
	text-align: center;
}

/* hotres reservation engine */
/* vendor styles */

.hotresChooser
{
	background:none;
	box-sizing: border-box;
	padding:0px;
	border-radius:0px;
	max-width:500px;
	margin:auto;
}

.hotresChooser:after{
	content: '';
    display: block;
    clear: both;
}

.hotresChooser input[type="date"]:after
{
  background:  url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iNTEycHgiIGlkPSJMYXllcl8xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgd2lkdGg9IjUxMnB4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPjwhW0NEQVRBWwoJLnN0MHtmaWxsOm5vbmU7fQpdXT48L3N0eWxlPjxwb2x5bGluZSBjbGFzcz0ic3QwIiBwb2ludHM9IjgwLDExMiA4MCwxNzYgNDMyLDE3NiA0MzIsMTEyICIvPjxwYXRoIGQ9Ik0zNTIsOTZWNjRoLTE2djMySDE3NlY2NGgtMTZ2MzJINjR2MzUyaDM4NFY5NkgzNTJ6IE00MzIsNDMySDgwVjE5MmgzNTJWNDMyeiBNNDMyLDE3Nkg4MHYtNjRoODB2MzJoMTZ2LTMyaDE2MHYzMmgxNnYtMzIgIGg4MFYxNzZ6Ii8+PC9zdmc+');
  background-size:contain;
  content:'';
  position:absolute;
  top:10px;
  right:10px;
  width:20px;
  height:20px;
  z-index:1;
 }   

.hotresChooser input[type="date"]::-webkit-clear-button 
{
    display: none;
}

.hotresChooser input[type="date"]::-webkit-inner-spin-button 
{
  display: none;
}

.hotresChooser input[type="date"]::-webkit-calendar-picker-indicator 
{
	position:absolute;
	top:0px;
	left:0px;
	background:transparent;
	color:transparent;
	width:100%;
	outline:0;
	border:0px;
    opacity: .2;
    display: block;
    height: 100%;
    cursor:pointer; 
    z-index:2;
}


.hotresChooser div
{
	position:relative;
	float:left;
	margin:0;padding:0; 
	width:33%;
	box-sizing: border-box;
}

.hotresChooser div input, .hotresChooser div select
{
	font-weight:bold;
	box-shadow:1px 1px 1px #00000010;
	border:1px solid rgba(0,0,0,0);
	border-right:1px solid #00000010;
	background-image:none;
    background-color:transparent;
    background:#fff; 
    cursor:pointer;
    color:#4e4e4e;
    font-size:13px;
   	text-align:center;
   	width:100%;
   	box-sizing: border-box;
   	height:40px;
   	padding:0px 10px;
   	margin: 0;
   	line-height:40px;
   	border-radius:0px;
    -webkit-transition: all 0.1s ease-in-out;
     -moz-transition: all 0.1s ease-in-out;
       -o-transition: all 0.1s ease-in-out;
          transition: all 0.1s ease-in-out;
}


.hotresChooser div input:hover{
	border:1px solid #f45c55;
	box-shadow:1px 1px 1px #00000020;
}

 

.hotresChooser div button
{
	border-radius:0px;
	border:0px;
    background:#f45c55;
    box-shadow:1px 1px 1px #00000010;
    cursor:pointer;
    color:#fff;
    font-size:13px;
   	text-align:center;
   	width:100%;
   	box-sizing: border-box;
   	height:40px;
   	line-height:40px;
   	font-weight:bold;
   	padding:0px;
   	margin: 0;
  -webkit-transition: all 0.1s ease-in-out;
     -moz-transition: all 0.1s ease-in-out;
       -o-transition: all 0.1s ease-in-out;
          transition: all 0.1s ease-in-out;
}


.hotresChooser div button:hover{
	background:#df443d;
	color:#fff;
}

   

/*smartphone*/
@media only screen and (max-width: 40em)
{
	 .hotresChooser div
	 {
	 	width:50%
	 }
	 
	 .hotresChooser div:last-child
	 {
	 	width:100%;
	 }
}

/* custom styles */

.hotresChooser {
	position: relative;
	z-index: 1;
	margin-top: -10px;
}