@charset "utf-8";
/* CSS Document */

@font-face {
	font-family:Roboto;
	src: url(../fonts/roboto/Roboto-Light.woff);
}

body {
	font-family:"Roboto";
}

.main_menu {
	display:block;
	position:absolute;
	width:100%;
	height:100px;
	background-color:#333;
}

.menu_wraper {
	display:block;
	position:relative;
	margin:auto;
	height:100px;
	width:1000px;
}

.menu_logo {
	display:block;
	position:absolute;
	left:0;
	height:100px;
	width:300px;
	background-image:url(../img/layout/logo.png);
}

ul.nav_menu {
	display:block;
	position:absolute;
	right:0;
	height:100px;
	width:520px;
	font-size:0; /* likwiduje margines między inline-blockami */
}

ul.nav_menu li {
	display:inline-block;
	position:relative;
	height:100px;
	width:100px;
	transition:ease 0.5s;
}

ul.nav_menu li:first-child {
	background-image:url(../img/layout/domek.png);
}

ul.nav_menu li div {
	display: table-cell;
	height:100px;
	width:100px;
	vertical-align: middle; 
	text-align: center;
	color:#fff;
	text-decoration:none;
	font-size:16px;
	cursor:pointer;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

ul.nav_menu li:hover {
	background-color:#fff;
	color:#000;
}

ul.nav_menu li div:hover {
	color:#000;
}

ul.nav_menu li:first-child:hover {
	background-image:url(../img/layout/domek1.png);
	background-color:#0A0;
}

#gallery {
	display:block;
	position:absolute;
	top:100px;
	width: 100%;
    height: 400px;
 	background-color:#FFF;
	overflow:hidden;
}

#gallery img {
	width: 100%;
	min-height:400px;
}

#gallery div {
	display:block;
	position:absolute;
	width:100%;
	opacity:1;
}

#gallery div:not(:first-child) {
	opacity:0;
}

#gallery span.dot_box {
	display:block;
	position:absolute;
	left:50%;
	color:#FFF;
	bottom:20px;
}

#gallery span.dot {
	position:relative;
	display:inline-block;
	left:-50%;
	height:15px;
	width:15px;
	margin:2px;
	vertical-align:middle;
	background-color:#ccc;
	border-radius:15px;
	border:#999 thin solid;
	
}

.titlebar {
	position: absolute;
	display:block;
	height:200px;
	width:100%;
	top:500px;
	background-color:#333;
	z-index:1;
}

.title_wraper {
	display:block;
	position:relative;
	margin:auto;
	width:1000px;
	height:200px;
}

.title_wraper p {
	padding:50px 0 0 20px;
	font-size:30px;
	color:#FFF;
}

.title_wraper p:last-child {
	padding:0 0 0 20px;
	color:#0E0;	
}


#content {
	display:block;
	position:relative;
	margin:auto;
	height:500px;
	width:100%;
	opacity:0;
	background-color:#FFF;
	top:-150px;
	
	-webkit-box-shadow: 7px 7px 5px 0px rgba(0, 0, 0, 0.8);
	-moz-box-shadow:    7px 7px 5px 0px rgba(0, 0, 0, 0.8);
	box-shadow:         7px 7px 5px 0px rgba(0, 0, 0, 0.8);
}

#content div {
	display:none;
	position:relative;
	margin:auto;
	width:1000px;
}

#content div p {
	padding:40px 40px 0 40px;
}

#content .con1 {
	font-size:35px;
	font-weight:900;
}

#content .con2 {
	font-size:30px;
	text-indent:50px;
	line-height:50px;
	text-align:justify;
}

#content .con3 {
	font-size:20px;
	line-height:24px;
	text-align:justify;
}

.content_mail {
	font-weight:bold;
	text-decoration:none;
	color:#333;
	transition:all ease 0.5s;
}

.content_mail:hover {
	color:#0E0;
}

.contentbar {
	position: absolute;
	display:block;
	height:500px;
	width:100%;
	top:700px;
	background-color:#DDD;
}

.contentbar .wraper {
	display:block;
	position:relative;
	margin:auto;
	width:1000px;
	height:500px;
}

.contentbar .title {
	font-size:26px;
	padding:20px;
}

.contentbar .wraper p b {
	font-weight:bolder;
}

.block_list {
	display:block;
	position:absolute;
	bottom:90px;
	height:330px;
	width:100%;
	padding:0 10px;
	font-size:0;
}

.block_list li {
	display: inline-block;
	position:relative;
	height:120px;
	width:310px;
	margin:5px 10px;
}

.block_list li img {
	position:absolute;
	display:inline-block;
	height:100px;
	width:100px;
	border:8px #333 solid;
	outline: 3px #333 solid;

}

.block_list li p {
	position:absolute;
	height:60px;
	width:150px;
	left:120px;
	font-size:20px;
	padding:15px;
	white-space: nowrap;
	background-color:#999;
	margin:10px;
	color:#FFF;
}

.map {
	position: absolute;
	display:block;
	height:400px;
	width:100%;
	top:1200px;
	background-color:#333;
	border:#666 20px solid;
	box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}

.footer {
	position: absolute;
	display:block;
	height:300px;
	width:100%;
	top:1600px;
	background-color:#333;
	text-align:center;
}

.footer div {
	display:inline-block;
	position:relative;
	top:50px;
	margin:20px;
	width:400px;
	height:260px;
	color:#FFF;
	overflow:hidden;
	font-size:14px;
}

.footer div a {
	color:#FFF;
	text-decoration:none;
	transition:all ease 0.5s;
}

.footer div a:hover {
	color:#0E0;
}

.footer div b {
	font-weight:bold;
}

.footer div:nth-child(2) {
	text-align:center;
}

.footer div:nth-child(3) {
	text-align:right;
}