body{margin: 0; padding: 0; font-family:'Roboto', Arial, sans-serif; font-size: 16px; background-image: url('../img/bg.png'); background-position: center top; background-attachment: fixed; line-height: 150%;}

a{color: black; text-decoration: none;}
a:hover{color: #834c23;}


#header{}
	#header .logo{float: left; width: 25%; padding: 2% 4% 2% 0;}
		#header .logo img{display: block; width: 100%;}
	#header .nav{position: relative; top: 100px; float: left; width: 70%;}
		#header .nav a{font-size: 16px; display: inline-block; padding: 1% 2%; margin-right: 1%; background-color: #e1d9cc; float: left;}
		#header .nav a:hover, #header .nav a.active{color: black; background-color: #b9c0cb !important;}
		
		#header .nav a.social{float: right; text-align: center;}
		#header .nav a.social.facebook:hover{background-color: #3765a3; color: white;}
		#header .nav a.social.linkedin:hover{background-color: #0177b5; color: white;}
	#header .navicon{position: absolute; padding: 20px; top: 0; right: 0; font-size: 33px; display: none; color: #282828;}

#main{margin: 0 auto 5% auto;}

#footer{}
	#footer .inner_footer {background-color: #b9c0cb; padding: 2%; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0;}
		#footer .inner_footer .l1{width: 33.3%; float: left; text-align: center;}
		#footer .inner_footer .l2{width: 33.3%; float: left; text-align: center;}
		#footer .inner_footer .l3{width: 33.3%; float: left; text-align: center;}
		#footer .inner_footer .title{font-size: 20px; display: block; padding-bottom: 4%;}
		
		#footer .inner_footer .menu{}
			#footer .inner_footer .menu a{display: block;}
			#footer .inner_footer .menu a:hover, #footer .inner_footer .menu a.active{color: black; font-weight: bold;}
h1{font-size: 20px; font-weight: normal; padding: 2% 0; font-weight: bold;}
h2{font-size: 18px; font-weight: normal; padding: 2% 0; font-weight: bold;}

.block{width: 80%; margin: 0 auto; padding: 1% 3%; background-color: #e1d9cc;}				
	.block .l{float: left; width: 50%;}
		.block .imgcont{width: 90%;}
		.block .imgcont img{display: block; width: 100%;}
.block.small{width: 40%;}
.block.searchblocksmall{width: 40%;}
.block.bigbg{background-image: url('../img/bigbg.jpg'); background-size: cover; padding:8% 3%;}
.block.marginbottom{margin-bottom: 20px;}

.people{margin-top: 5%;}
	.people .person{cursor: default; width: 30%; float: left; margin: 1.5%;}
		.people .person .name{font-size: 18px;}
		.people .person .cont{position: relative; overflow: hidden; background-size: cover;}
			.people .person .cont .info{position: relative; height: 100%; padding: 5%; top: -10px; background-color:rgba(0, 0, 0, 0.7); color: white; opacity: 0;}
	.people .person .cont:hover .info{opacity:1; top:0;}
	.people .aligner{width: 30%; float: left; margin: 1.5%;}
	.people .aligner.narrow{width: 15%;}

.gallery{}
	.gallery .g{display: block; width: 30%; height: 30%; float: left; margin: 1.5%; background-size: cover;}
		.gallery .g .info{display: block; opacity: 1; background-color:rgba(0, 0, 0, 0.7); padding: 5%; color: white;}
	.gallery .g:hover .info{opacity: 0;}

	.gallery .gallery_img{overflow:hidden; display: block; width: 17%; float: left; margin: 1.5%;}
		.gallery .gallery_img img{width: 100%;}
	
	.gallery .backbtn{display: inline-block; padding: 20px 10px;}
	
	.gallery_select{}
		.gallery_select .theme{width: 47%;}
			.gallery_select .theme span{font-size: 20px; font-weight: bold;}
	
.catalog{}
		.catalog .catalog_e{border-style: solid; border-width: 0 1px 1px; border-color: #BAAB95; background-color: #f4ebde; font-size: 14px;}
		.catalog .catalog_e.title{border-width: 1px; background-color: #CCBEA8;}
		.catalog .catalog_e{}
			.catalog .catalog_e .name{width: 40%; float: left; padding: 10px 20px;}
			.catalog .catalog_e .pack{width: 30%; float: left; padding: 10px 20px;}
.links{}

.search{}
	.search div:nth-child(1){width: 70%; float: left; font-size: 20px;}
	.search div:nth-child(2){width: 20%; margin-left: 10%; float: left; font-size: 20px;}
	.search div input{width: 100%; padding: 5px; margin: 5px;}

form{}
	form span{display: block;}
	form input, form textarea{margin-bottom: 2%; width: 75%; border-style: solid; border-color: #dfb8b2; border-width: 1px; padding: 1%; font-family: 'Roboto', Arial, sans-serif; font-size: 14px;}
	
	form textarea{min-width: 75%; max-width: 75%; min-height: 100px;}
	
	form input[type=submit]{width: 78%; cursor: pointer;}
	
	form input.input_error, form textarea.input_error{background-color: #dc7f71;}
	
/* icon set */
/*
.icon{background-color: #606060; color: white; display: inline-block; margin-left: 5px; float: left; position: relative; width: 40px; height: 40px; font-size: 30px;}
.icon i{position: absolute; bottom: 0; right: 3px;}
.icon.facebook:hover{background-color: #3c5a99;}
.icon.linkedin:hover{background-color: #0274b3;}
*/

.bold{font-weight: bold;}
.margintop20{margin-top:20px;}
.inner{width: 100%; max-width: 1000px; min-width: 314px; margin: 0 auto;}
.rounded{-webkit-border-radius: 10px; border-radius: 10px;}
.rounded2{-webkit-border-radius: 5px; border-radius: 5px;}
.roundedMenu{-webkit-border-radius: 5px; border-radius: 5px;}
.clear{clear: both;}
.none{display: none;}
.boxshadow {-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);}
.ftransitions{-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}