::selection { background: #dcc5ee; color: #313131; }
::-moz-selection { background: #dcc5ee; color: #313131; }
::-webkit-selection { background: #dcc5ee; color: #313131; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }

input, textarea { 
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none; 
}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong, b { font-weight: bold; }
em, i { font-style: italic; }

table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; max-width: 100%; height: auto; }

/** page structure **/
#w {
  display: block;
  max-width: 1100px;
  min-width: 280px;
  padding-top: 20px;
  margin: 0 auto;
}


/** filters list **/
#filter-list {
	display: block;
	width: 100%;
	text-align: center;
}

/** portfolio list **/
#portfolio {
	display: block;
  	width: 100%;
 	margin-bottom: 35px;
	margin-top:30px;
}

#portfolio .item {
	display: none;
	opacity: 0;
	vertical-align: top;
	-moz-box-sizing: border-box;
	margin: 10px 5px;
}

#portfolio_science {
	display: block;
  	width: 100%;
	margin-top:20px;
}

#portfolio_science .item {
	display: none;
	opacity: 0;
	vertical-align: top;
	-moz-box-sizing: border-box;
	margin: 10px 5px;
}

#home div.pilarbg {
    display: inline;
    float: left;
    width: 268px;
    padding: 15px;
    border: 1px solid #FFFFFF;
}

/** clearfix **/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
 
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }