@import"../css/reset.css";
@import"../css/skeleton.css";
@import"../css/superfish.css";
@import"../css/forms.css";
@import"../css/flexslider.css";

@import url(http://fonts.googleapis.com/css?family=Maven+Pro:400,500);

html {overflow-y:scroll;}
body {
	background:#dddddd;
	font:12px/20px Arial, sans-serif;
	color:#000;
	position:relative;
	min-width:320px;
}
html,body {
	height:100%;
}
a {
	color:#000;
	outline:none;
	cursor:pointer;
	text-decoration:none;
}
img {
	max-width:100%;
	height:auto;
}

/* GLOBAL STRUCTURE
========================================================================= */
.clear {
	clear:both;
	line-height:0;
	font-size:0;
	overflow:hidden;
	height:0;
	width:100%;
}
.wrapper {
	width:100%;
	overflow:hidden;
	position:relative;
}
.extra-wrap {
	overflow:hidden;
	display:block;
}
.fleft {float:left;}
.fright {float:right;}

/* TYPOGRAPHY
========================================================================= */
h1 {
	padding-top:35px;
	float:left;
}
h1 a {
	display: block;
	text-indent: -999em;
	width: 250px;
	height: 133px;
	background: url('../images/bosite.png') no-repeat;
}
h2 {
	font: 400 22px/28px 'Maven Pro', sans-serif;
	color:#191919;
	border-bottom: 1px solid #eeeeee;
	padding-bottom:4px;
}
h3, h3 a {
	font: 500 16px/20px 'Maven Pro', sans-serif;
	color:#191919;
}
	h3 a:hover {
		color:#969696;
	}
strong, strong a {
	display:block;
	font-weight:normal;
	color:#191919;
}
	strong.w-b {font-weight:bold;}

/* IDENTS
========================================================================= */
.indent-bot-1 {margin-bottom: 18px;}
.indent-bot-2 {margin-bottom: 19px;}
.indent-bot-3 {margin-bottom: 15px;}
.indent-bot-4 {margin-bottom: 11px;}
.indent-bot-5 {margin-bottom: 14px;}
.indent-bot-6 {margin-bottom: 12px;}
.indent-bot-7 {margin-bottom: 9px;}
.indent-bot-8 {margin-bottom: 13px;}
.indent-bot-9 {margin-bottom: 30px;}
.indent-bot-10 {margin-bottom: 20px;}
.indent-bot-11 {margin-bottom: 24px;}
.indent-bot-12 {margin-bottom: 22px;}
.indent-bot-13 {margin-bottom: 34px;}
.indent-bot-14 {margin-bottom: 17px;}
.indent-bot-15 {margin-bottom: 4px;}


.extra-indent-1 {margin-right:52px;}

/* HEADER
========================================================================= */
nav {float:right;}
.header-border, #page1 .header-border {
	padding-bottom:29px;
	margin-bottom:30px;
	border-bottom: 1px solid #eee;
}
.header-border {
	margin-bottom:0;
}
.head-block {
	padding-top:0px;
	float:right;
	width:670px;
}
.border-top {
	height:6px;
	background-color:#191919;
}
#search-form {float:right; margin-bottom:19px;}

#search-form > input {
	outline: none;
	box-shadow: none !important;
	border: none;
	float: left;
	height: 28px;
	width: 194px;
	background-color:#f3f3f3;
	padding: 0 21px 0 9px;
	color: #bfbfbf;
	font:12px/18px Arial, sans-serif;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
a.submit {
	display: inline-block;
	width: 19px;
	height: 28px;
	background: url("../images/form-marker.png") no-repeat;
	margin-left: -19px;
	float:left;
	position:relative;
	}
a.submit:hover {
	background-position: 0 100%;
}
	
/* CONTENT
========================================================================= */
#content {
	padding:24px 0 39px 0;
}
#page1 #content {
	padding:24px 0 39px 0;
}

.img-1 {
	float:left;
	margin-right:18px;
	margin-top:5px;
}

.img-2 {
	float:left;
	margin-right:20px;
	margin-top:5px;
}

.block-1 {overflow:hidden;}

.block-2 {
	width:85px;
	float:left;
	margin-right:3px;
	margin-bottom:10px;
}

.block-2.last {
	margin-right:0;
	margin-left:-1px;
}
.block-2 img {margin-bottom:4px;}

.date {
	width:50px;
	float:left;
}

.gallery {width:444px; float:left;}

.gallery a {
	display:inline-block;
	margin-bottom:4px;
}



.rt-wrap {
	overflow:hidden;
}

.rt-indent-1 {padding-right: 40px;}


#forum-form input {
	display: inline-block;
	margin: 0;
	outline: none;
	box-shadow: none !important;
	padding: 0 5px;
	width: 202px;
	height: 25px;
	font:12px/18px Arial, sans-serif;
	color:#bababa;
	background: #fff;
	border: 1px solid #eee;
}
#forum-form label {
	display:block;
	float:left;
}
#forum-form span {
	display:inline-block;
	line-height:26px;
	padding-right:6px;
}
#forum-form label.right {margin-right:52px;}

#forum-form .button {
	line-height:26px;
	padding-left:8px;
	font-size:11px;
}

.table-forum {border-collapse:separate; width:80%;}
.table-forum th {
	background-color:#575757;
	text-align:left;
	font: normal 16px/25px Arial, sans-serif;
	color:#fff;
	padding: 8px 8px; 
}

.table-forum th.col-1 {
	width:70%;
}
.table-forum th.col-2 {
	width:30%;
}

.table-forum td {
	background-color:#fafafa;
	border: 1px solid #efefef;
	padding: 10px 10px 10px 10px;
}

.table-forum td.center {
	text-align:center;
	padding-top:10px;
}

.table-spoiwa {border-collapse:separate; width:100%;}
.table-spoiwa th {
	background-color:#fafafa;
	text-align:center;
	font: normal 12px/18px Arial, sans-serif;
	padding: 8px 8px; 
}

.table-spoiwa th.col-1 {
	width:10%;
}
.table-spoiwa th.col-2 {
	width:14%;
}
.table-spoiwa th.col-3 {
	width:14%;
}
.table-spoiwa th.col-4 {
	width:14%;
}
.table-spoiwa th.col-5 {
	width:14%;
}
.table-spoiwa th.col-6 {
	width:14%;
}
.table-spoiwa th.col-7 {
	width:20%;
}

.table-spoiwa td {
	background-color:#fafafa;
	border: 1px solid #efefef;
	padding: 10px 10px 10px 10px;
}

.table-spoiwa td.center {
	text-align:center;
	padding-top:10px;
}


/* BUTTONS, LINKS
========================================================================= */
.button {
	display:inline-block;
	color:#191919;
	font-weight:bold;
}
	
.button-2 {
	display:inline-block;
	color:#191919;
	font-weight:bold;
	padding-right:14px;
	background: url('../images/marker.png') no-repeat 100% 50%;
}
	.button-2:hover {
		text-decoration:underline;
	}
	
	
.link-1 {
	font-weight:bold;
	color:#191919;
}
	.link-1:hover {
		color:#bababa;
	}
	
.link-2 {
	color:#1d1d1d;
}
	.link-2:hover {
		text-decoration:underline;
	}
	
.button-arrow {
	display:inline-block;
	width:8px;
	height:18px;
	background: url('../images/marker.jpg') no-repeat 0 8px;
	margin-left:4px;
}

.list-1 {
	border: 1px solid #eeeeee;
}
.list-1 li {
	border-top: 1px solid #eeeeee;
}
	.list-1 li a {
		color: #000;
		display:block;
		padding: 4px 10px 3px 10px;
	}
	.list-1 li:first-child {border-top:none;}
	
	.list-1 li a:hover {
		color: #191919;
		background: #fafafa url('../images/list-marker.png') no-repeat 100% 50%;
	}
	
.list-2 li {
	color:#191919;
	padding:5px 0;
}
	.list-2 li a {
		color: #a3a2a2;
	}
	.list-2 li a:hover {
		color: #191919;
	}
	
.list-3 li {
	padding: 4px 0 4px 16px;
	background: url('../images/marker.png') no-repeat 0 11px;
}
	.list-3 li a {
		color: #a3a2a2;
	}
	.list-3 li a:hover {
		color: #191919;
		text-decoration:underline;
	}	
.list-box li {
	background: #fefefe; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEzJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYWZhZmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #fefefe 0%, #ffffff 13%, #fafafa 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(13%,#ffffff), color-stop(100%,#fafafa)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fefefe 0%,#ffffff 13%,#fafafa 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fefefe 0%,#ffffff 13%,#fafafa 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fefefe 0%,#ffffff 13%,#fafafa 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fefefe 0%,#ffffff 13%,#fafafa 100%); /* W3C */
	-pie-background: linear-gradient(#fefefe 0%, #ffffff 13%, #fafafa 100%);
	filter: none;
	border: 1px solid #eeeeee;
	border-top: none;
	padding: 14px 15px 14px 14px;
}

.list-box li:first-child {border-top: 1px solid #eeeeee;}

/* FOOTER
========================================================================= */
.footer-ndent {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding:22px 0 22px 0;
}
.footer-ndent h2 {
	margin-bottom:6px;
}
h2.h-footer {
	padding:0;
	border:none;
}
.policy {
	padding:26px 0 40px;
}
.policy a {
	color: #191919;
	display:inline-block;
	margin-left:12px;
}
	.policy a:hover {
		text-decoration:underline;
	}
	
.list-soc {float:right; padding-top:8px;}
.list-soc li {
	float:left;
	margin-left:3px;
}

/* MEDIA */
/*==========================================*/
@media only screen and (min-width: 768px) and (max-width: 995px) {
	.hide-pl{display:none;}
	
	.rt-indent-1 {padding-right: 20px;}
	
	.gallery {width:332px;}
	

	
	.block-2 {margin-right:7px;}
}
@media only screen and (max-width: 767px) {
	.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9 {margin-bottom:20px;}
	
    .last-col {margin-bottom:0 !important;}
	
	.hide-ip{display:none;}
	
	.img-100 {width:100%;}
	
	.rt-indent-1 {padding: 0;}
	
	.policy {text-align:center;}
	
	h1, .head-block {float:none;}
	
	.head-block {padding-top:40px; width:auto;}
	
	.img-2 {float:none; margin-bottom:15px;}
	
	.block-1 {overflow:visible;}
	
	.gallery {width:300px; margin-bottom:20px;}
	 
	 .gallery a {width:98px;}
	 
	 

	 
	 .block-2 {margin-right:15px;}
	 
	 .banner {display:none;}
	 
	 #forum-form label.right {margin-bottom:10px;}
	 
	 #forum-form .pass span {
		margin-right:28px;
	 }
	 #forum-form .pass {margin-bottom:10px;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	 .hide-iw{display:none;}
	 
	 .gallery {width:420px;}
	 
	 .gallery a {width:102px;}
	 

	 
	 .rt-grid-1 {
		width:200px !important;
		float:left !important;
		margin-right:10px !important;
	 }
	 
	 .list-soc {float:none;}
	 
	 .block-2 {margin-right:20px;}
	 
	 .banner {display:block;}
	 
}
/* Project specifics =========================================================== */
/* Pour some CSS below ========================================================= */