body {
    background-color: #303030;
	color: #ffffff;
	font-family: 'Lato', sans-serif;
	font-size: 20px;
}

#container {
	width:1000px;
	margin-left: auto;
	margin-right: auto;
}

#logo {
	float: left;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 70px;
	width: 600px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
}

#watch {
	font-family: 'Josefin Sans', sans-serif;
	font-size: 70px;
	margin-top: 18px;
}

#date {
	float: left;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 58px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
}

#bigcontent {
	width: 920px;
	height: 568px;
	margin-top: 30px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 30px;
	padding: 30px;
	background-color: #666666;
	position: relative;
}

#footer {
	width: 1000px;
	font-size: 15px;
	text-align: center;
	position: fixed;
    bottom: 10px;
}

#footer::after {
	content: "";
}

#nocowanie {
	top: 100px;
	right: 2%;
	position: absolute;
}

.rectangle {
	width: 960px;
	margin: 20px;
	text-align: center;
}

.square {
	width: 50%;
	float: left;
}


#tile-o-nas {
	height: 142px;
	width: 230px;
	margin: 10px;
	background-color: #3095d3;
	float: left;
	text-align: center;
}
#tile-o-nas:hover {
	background-color: #2084c2;
}

#tile-cennik {
	height: 142px;
	width: 230px;
	margin: 10px;
	background-color: #009900;
	float: left;
	text-align: center;
}
#tile-cennik:hover {
	background-color: #008800;
}

#tile-atrakcje {
	height: 142px;
	width: 230px;
	margin: 10px;
	background-color: #cccc00;
	float: left;
	text-align: center;
}
#tile-atrakcje:hover {
	background-color: #bbbb00;
}

#tile-kontakt {
	height: 142px;
	width: 230px;
	margin: 10px;
	background-color: #93c748;
	float: left;
	text-align: center;
}
#tile-kontakt:hover {
	background-color: #82b637;
}

#tile-zapytaj {
	height: 74px;
	width: 142px;
	margin: 44px;
	margin-left: -24px;
	z-index: 1;
	display: inline;
	background-color: #71a526;
    position: absolute;
	text-align: center;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
}
#tile-zapytaj:hover {
	background-color: #609415;
}

#tile-regulamin {
	height: 142px;
	width: 230px;
	margin: 10px;
	background-color: #cc3300;
	float: left;
	text-align: center;
}
#tile-regulamin:hover {
	background-color: #bb2200;
}

#tile-zdjecia {
	height: 142px;
	width: 230px;
	margin: 10px;
	background-color: #6699ff;
	float: left;
	text-align: center;
}
#tile-zdjecia:hover {
	background-color: #5588ee;
}

.img-text {
	height: 30px;
	position: absolute;
	bottom: 0;
}
.img-div {
	height: 174px;
	display: block;
    margin-left: 0;
    margin-right: auto;
	position: relative;
}
.img-ogrod {
	height: 174px;
	display: block;
    margin-left: 0;
    margin-right: auto;
	position: relative;
}
.img-ogrod {
	height: 174px;
	display: block;
    margin-left: 0;
    margin-right: auto;
	position: relative;
}
.img-ogrod:hover {
	opacity:.8;
}
.img-pokoje {
	height: 174px;
	display: block;
    margin-left: auto;
    margin-right: auto;
	position: relative;
}
.img-pokoje:hover {
	opacity:.8;
}
.img-lazienki {
	height: 174px;
	display: block;
    margin-left: auto;
    margin-right: 0px;
	position: relative;
}
.img-lazienki:hover {
	opacity:.8;
}

.image {
	width: 129;
	height: 115px;
	margin: 3px;
	margin-top: 0px;
	margin-bottom: 0px;
	float: left;
}

.watch {
	height: 82px;
	width: 420px;
	margin: 10px;
	background-color: #ee5a3a;
	text-align: center;
	font-size: 26px;
	padding: 30px;
	line-height: 150%;
}

.more {
	height: 30px;
	width: 115px;
	background-color: #ee5a3a;
	text-align: center;	
	font-size: 23px;
	position: absolute;
    bottom: 30px;
}
.more:hover {
	background-color: #dd4929;
}

.less {
	height: 30px;
	width: 115px;
	background-color: #ee5a3a;
	text-align: center;	
	font-size: 23px;
	position: absolute;
    bottom: 30px;
}
.less:hover {
	background-color: #dd4929;
}

.content {
	width: 420px;
	height: 568px;
	margin: 10px;
	background-color: #666666;
	text-align: justify;
	padding: 30px;
    position: relative;
}
.content > div {
    display: none;
}
.content > div:target{
    display: block;
}

a.link {
	color: #ffffff;
	text-decoration: none;
}