#button, #button-1, #button-2, #button-3, #button-4, #button-5, #button-6, #button-7, #button-8 {
    color: #eee;
    text-shadow: black 1px 1px 1px;
}

#button:hover, #button-1:hover, #button-2:hover, #button-3:hover, #button-4:hover, #button-5:hover, #button-6:hover, #button-7:hover, #button-8:hover {
	    opacity: 0.5;
}



#modal-1, #modal-2, #modal-3, #modal-4, #modal-5, #modal-6, #modal-7, #modal-8 {
visibility: hidden;
display:none;
width: 50%;
height: 70%;
padding: 8px 8px 54px 8px;
background: rgba(0,0,0,.4);
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
position: absolute !important;
top: 15% !important;
left: 25% !important;
z-index: 101;
}


#heading {
	width:100%;
	height:46px;

	background-image: -webkit-linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233));
	background-image: -moz-linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233));
	background-image: -o-linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233));
	background-image: -ms-linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233));
	background-image: linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f9f9f9', EndColorStr='#e9e9e9');

	border-bottom:1px solid #bababa;

	-webkit-box-shadow:
		inset 0px -1px 0px #fff,
		0px 1px 3px rgba(0,0,0,.08);
	-moz-box-shadow:
		inset 0px -1px 0px #fff,
		0px 1px 3px rgba(0,0,0,.08);
	box-shadow:
		inset 0px -1px 0px #fff,
		0px 1px 3px rgba(0,0,0,.08);

	-webkit-border-radius:4px 4px 0px 0px;
	-moz-border-radius:4px 4px 0px 0px;
	border-radius:4px 4px 0px 0px;

	font-size:2em;
	text-align:center;
	line-height:2.5em;

	color:#49589a;
	text-shadow:0px 1px 0px #fff;
}

#content, #content-pokoje {
width: 100%;
height: 100%;
background: #fcfcfc;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.25);
-moz-box-shadow: 0px 1px 3px rgba(0,0,0,.25);
box-shadow: 0px 1px 3px rgba(0,0,0,.25);
-webkit-border-radius: 0px 0px 4px 4px;
-moz-border-radius: 0px 0px 4px 4px;
border-radius: 0px 0px 4px 4px;
overflow: auto;
}

#content p {
font-size: 1.6em;
font-weight: normal;
line-height: 1.6em;
color: #666;
width: 100%;
padding: 15px 25px;
overflow: hidden;
}

#content-pokoje p {
font-size: 1.6em;
font-weight: normal;
line-height: 1.6em;
color: #555555;
width: 100%;
padding: 10px 2% 10px;
}

#content-pokoje img {
float: left;
max-width: 100%;
padding: 0 0 5px 0;
}

.reveal-modal-bg { 
	position: fixed; 
	height: 100%;
	width: 100%;
	background: #000;
	background: rgba(0,0,0,.4);
	z-index: 100;
	display: none;
	top: 0;
	left: 0; 
}

#link-mapa {
font-size: 0.6em;
display: inline;
float: right;
line-height: 33px;
color: blue;
font-weight: normal;
padding-right: 30px;
padding-top: 3px;
}

@media all and (max-width: 1023px) {
#modal-1, #modal-2, #modal-3, #modal-4, #modal-5, #modal-6, #modal-7, #modal-8 {
width: 70%;
left: 15% !important;
}
}

@media all and (max-width: 959px) {

}