body {
	margin:0;
	/* background:#494949; */
	background:#969696;
	-webkit-text-size-adjust: 100%;
}

#c1 {
	bottom:0;
	padding: 20px 0;
	text-align:center;
	min-height: 600px;
}

#c2 {
	clear: both;
	margin: 0 auto;
	max-width:960px;
	text-align:center;
}

#breadcrumb {
	/*
	background:#969696;
	color:#5c74be;
	*/
	background:#cdcdcd;
	color:#444;

	padding:5px 20px;
	font-size:13px;
	text-transform:uppercase;

	text-align:left;
}

	#breadcrumb a {
		color:#444;
		text-decoration:none;
	}

#banner {
	position:relative;
	height:458px;
	max-height: 50vw;
	overflow:hidden;
}

	#banner img {
		display:block;
	}

#c3 {
	background:#cdcdcd;
	text-align:left;
}

	#c3a {
		background:#c8c8c8;
		padding:20px;
	}



#featured {
	margin-top:20px;
	margin-bottom:30px;
}
	#featured h2 {
		margin-bottom:30px;
	}

	.featured {
		display:block;
		float:left;
		background:#c8c8c8;
		margin-left:10px;
	}

	.featured:first-child {
		margin-left:0;
	}

	.featured span {
		display:block;
		padding:5px;
	}

	.layout0 #content, .layout3 #content {
	}

	.layout1 #content {
		width:100%;
	}

	#content img.img_float_left {
		margin:0 10px 5px 0;
	}

	#content img.img_float_right {
		margin:0 0 5px 10px;
	}

#content-left {
	float:left;
	width:49%;
}

#content-right {
	float:right;
	width:49%;
}


#skipNav {
	position: absolute;
}


#themap {
	width: 100%;
	height: 400px;
}

.fancybox {
	cursor:url(/userfiles/icons/magnifier.png),pointer;
}

ul.gallery, ul.gallery li {
	margin: 0;
	padding: 0;
	list-style: none;
}

	.gallery li {
		float: left;
	}
	.gallery li.clear {
		display:none;
	}


ul.counterlinks, ul.counterlinks li {
	list-style: none;
	margin: 0;
	padding: 0;
}
	ul.counterlinks {
		margin: 15px 0;
	}

	ul.counterlinks li {
		float: left;
		padding: 5px;
		border: 1px solid #000;
		margin: 0 5px 0 0;
		background: #fff;
	}

	ul.counterlinks li.active {
		background: none;
	}

	ul.counterlinks li.active a {
		color: inherit;
		text-decoration: none;
	}



	.slot {
		margin-bottom:20px;
		border-bottom: 1px solid #fff;
		padding: 0 0 10px 0;
	}
	.slot:last-child {
		border-bottom: none;
	}

	.slot_title {
		font-size: 1.5em;
		color:#fff;
		margin: 8px 0 5px 0;
	}

	.slot ul li.on {
		font-weight: bold;
	}

	.slot_content {
		font-size: 1em;
		margin: 5px 0;
	}

	.news .slot_content {
		font-size: .9em;
	}

	q.slot_content {
		font-style: italic;
	}

	.slot .thumb {
		float: right;
		width: 90px;
		margin: 0 0 4px 5px;
	}

	.slot_link {
		font-weight: bold;
	}

	.more_link {
		display: block;
	}

	.slot_link:hover {
		text-decoration:underline;
	}

	.slot_author {
		text-align:right;
		font-size: .9em;
		font-weight: bold;
	}

	.slot ul.newslist {
		list-style: none;
		margin: 0;
		padding: 0;
		font-size: .9em;
	}

	.slot .newslist a {
		text-decoration: none;
		margin: 9px 0;
		display: block;
	}

	.slot .newslist .active a {
		font-weight: bold;
	}

	.slot .newslist b {
		float: right;
		margin: 0 0 0 5px;
		font-size: .9em;
	}



#site_info {
	margin-top:30px;
	padding: 30px 0 50px 0;
	text-align:center;
	color:#2f2a24;
	font-size:1.05em;
	border-top: 1px solid #a6a6a6;
	position:relative;
}

	#site_info .facebook {
		display:block;
		height:23px;
		width:23px;
		background:url(/userfiles/design/footer-facebook.png);
	}

	#site_info .instagram {
		display:block;
		height:23px;
		width:23px;
		background:url(/userfiles/design/footer-instagram.png);
	}

	#site_info .pinterest {
		display:block;
		height:23px;
		width:23px;
		background:url(/userfiles/design/footer-pinterest.png);
	}

#credits {
	text-align:center;
	font-size:.9em;
	color:#fff;
	padding-top:10px;
}

	#credits a {
		color:#fff;
	}

	#credits a:hover {
		color:#ff0099;
	}

.news_summary {
	padding-bottom:30px;
}

	.news_thumb {
		display:block;
		float:right;
		width:200px;
		height:95px;
		background-position:center center;
		background-size: cover;
	}

	.news_text {
		float:left;
		width:540px;
		margin-left:30px;
	}

	.news_title {
		font-size:20px;
		padding-bottom:5px;
	}

	.news_content {

	}

.date_block {
	width:70px;
	background:#3a65aa;
	color:#fff;
	text-align:center;
	padding:14px 0;
	float:left;
}

	.date_block_day {
		display:block;
		font-size:30px;
	}

	.date_block_month {
		display:block;
		font-size:16px;
		text-transform:uppercase;
		padding-top:5px;
	}

	.date_block_year {
		display:block;
		font-size:16px;
	}

	iframe {
		max-width:100%;
		max-height:62vw;
	}

#sn {
	text-align:center;
	padding-top:5px;
}
#sn a {
	display:inline-block !important;
}


@media screen and (max-width: 667px) {
	body,
	#c2 {
		width:100%;
	}
	#c4 {
		padding: 10px;
	}
	img {
		max-width:100%;
		height:auto;
	}
	#menu, #menu .fly {
		display:none;
	}
	#menu_opener {
		display:block;
		text-transform: uppercase;
		padding:5px;
		font-size:18px;
	}
	#roubi_logo {
		max-width:90vw;
	}
	#breadcrumb {
		display:none;
	}
	.gallery li img {
		max-width:44vw;
		height: auto;
		margin:1vw;
	}

	#featured div a {
		width:100%;
		text-align:center;
		padding:0;
		margin:0;
		float:none;
	}

}

@media screen and (min-width: 668px) {
	#c4 {
		padding: 10px 30px 20px 30px;
	}
	#content {
		float:left;
		width:625px;
		margin-left:10px;
	}
	#slots {
		float:right;
		width:208px;
		color:#fff;
		padding: 16px 12px;
	}
	#menu_opener {
		display:none;
	}
	.gallery li img {
		max-width:30vw;
		height: auto;
		margin:1vw;
	}


}

@media screen and (min-width: 1024px) {

	.gallery li.clear {
		clear: left;
	}

	.gallery li img {
		max-width: 200px;
		width: auto !important;
		width: 200px;
		margin: 15px 0 0 30px;
	}
	.gallery li.first img {
		margin: 15px 0 0 0;
	}

}