html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

body {
    line-height: 1.5em;
    margin: 0;
    padding:0;
    font-family: Verdana;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption,th,td {
    text-align: left;
    font-weight: 400;
}

blockquote:before,blockquote:after,q:before,q:after {
    content: "";
}

blockquote,q {
    quotes: "" "";
}

a img {
    border: none;
}

input,textarea {
    margin: 0;
}

/* Removes Firefox imposed outline */
a {
    outline: none;
}

/* Clearing floats without extra markup  */
.wrapper {
    display: inline-block;
}

.wrapper:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

* html .wrapper {
    height: 1%;
}

.wrapper {
    display: block;
}

br.clear {
    display:block;
    width:100%;
    clear:both;
}


body {
    font-family: Arial;
    font-size: 16px;
    line-height:1.5em;
	margin:0;
	padding:0;
}

a {
    color:inherit;
}

#header {
	position:fixed;
    top:0;
    left:0;
    right:0;
    padding:10px 30px 10px 20px;
    background-color:white;
    min-height:30px;
    z-index:2;
}

#header #menu-right {
    float:right;
    width:300px;
    text-align:right;
    font-size:16px;
}

body.mobile #header #menu-right {
    display:none;
}

#header #menu-right input {
    font-size:16px;
    font-family:Arial;
}

#header #menu-left {
    float:left;
    width:60%;
}

body.mobile #header #menu-left {
	float:none;
	width:100%;
}

#header #menu-left a {
    text-decoration:none;
    display:inline-block;
    margin-right:15%;
}

#header #menu-right a {
    text-decoration:none;
}

#header #menu-left a.last {
    margin-right:0;
}

#header #menu-left a.active, #header #menu-right a.active {
    text-decoration:underline;
}

#items {
    position:relative;
    font-family:Times New Roman;
    font-size:40px;
    padding:80px 10px 100px 20px;
}

body.mobile #items {
    padding:80px 20px 20px 20px;
}

#detail {
    position:relative;
    padding:80px 10px 40px 20px;
}

#items .item {
	width:350px;
    position:relative;
    margin-bottom:30px;
}

body.mobile #items .item {
	width:85%;
}

#items .item a {
    font-size:60px;
    line-height:1.1em;
    display:block;
    font-weight:bold;
    text-decoration:none;
}

#items .item img {
    width:100%;
}


._col {
	width:180px;
    margin-right:30px;
    float:left;
    font-size:16px;
    line-height:1.3em;
    font-family:Arial;
}

._col ul {
    list-style:none;
}

._col ul.tags {
    
}

._col ul._tags li {
    display:inline-block;
    border:1px solid;
    padding:5px 10px;
    margin-right:5px;
}

._col ul a {
    text-decoration:none;
}

._col h2{
    margin:15px 0;
}

._col_big {
	float:left;
	position:relative;
	width:70%;
    height:800px;
    margin-right:30px;
    overflow:hidden;
}

body.mobile ._col_big {
	display:none;
}

#STREET_VIEW {
    position:absolute;
    top:0px;
    left:0px;
    z-index:0;
    width:100%;
    height:110%;
}

#items h1, #detail h1 {
    font-size:60px;
    line-height:1.2em;
    margin-bottom:20px;
    font-family:Times New Roman;
    font-weight:bold;
}

#detail h1 a {
    text-decoration:none;
}


#detail ._col_60proc {
	position:relative;
	float:left;
    width:60%;
}

body.mobile #detail ._col_60proc {
    float:none;
    width:95%;
}

#detail ._col_40proc {
    position:relative;
    float:left;
    width:40%;
}

body.mobile #detail ._col_40proc {
    float:none;
    width:95%;	
}

#detail ._col_40proc #others {
    padding-left:30px;
}

body.mobile  #detail ._col_40proc #others {
    padding-left:0px;
}

body.mobile #STREET_VIEW_CONTAINER {
	display:none;
}

#detail ._col_40proc #others #other-projects {
    position:relative;
    margin-top:10px;
}

#detail ._col_40proc #others #other-projects a {
	position:relative;
	display:block;
    width:47%;
    margin-right:2%;
    float:left;
    margin-bottom:2%;
    height:240px;
    overflow:hidden;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    border:1px solid #3a3b40;
}

#detail ._col_40proc #others #other-projects a._2 { 
    margin-right:0;
}

#detail ._col_40proc #others #other-projects a span {
    position:absolute;
    left:0;
    top:0;
    right:0px;
    bottom:0px;
    background-color:white;
    text-align:center;
    #border:1px solid;
    padding-top:100px;
    display:none;
}

#detail ._col_40proc #others #other-projects a:hover span {
    display:block;
}

#detail #gallery {
	position:relative;
    width:100%;
    margin-bottom:5px;
    max-height:500px;
    overflow:hidden;
    border:1px solid #3a3b40;
}

#detail #gallery img:hover {
	cursor: url(/images/cursor.cur),auto;
}

#detail #gallery #project-description {
	position:absolute;
    right:0;
    bottom:0;
    background-color:white;
    border-top:1px solid black;
    border-left:1px solid black;
    z-index:99999;
    width:40%;
    padding-top:10px;
    display:none;
}

body.mobile #detail #gallery #project-description {
	width:100%;
}

#detail #gallery #project-description h2 {
    margin-bottom:10px;
    padding:0 10px;
}

#detail #gallery #project-description p {
    padding:0 10px;
}

#detail #gallery #project-description a {
    display:block;
    padding:10px;
    border-top:1px solid black;
    margin-top:10px;
}


#detail #gallery-tools {
	position:relative;
	text-align:center;
	margin-bottom:30px;
}

#detail #gallery-tools #gallery-navig {
    position:absolute;
    left:0;
    top:0;
    text-align:left;
    width:150px;
}

#detail #gallery-tools #gallery-navig a {
	display:inline-block;
    margin-right:10px;
}

#detail #gallery-tools a#toggle-desc {
    display:inline-block;
    position:absolute;
    right:-2px;
    top:0;
    padding:5px 10px;
    border:1px solid black;
    text-decoration:none;
}

#detail #gallery-tools a#toggle-desc:hover {
    background-color:black;
    color:white;
}

#detail #gallery ul, #detail #gallery ul li {
    width:100%;
}

#detail #gallery ul li img {
    width:100%;
}

#detail #links {
	margin-bottom:20px;
}

#detail #links a {
    display:inline-block;
    padding:5px 10px;
    border:1px solid;
    margin-right:5px;
    text-decoration:none;
    margin-bottom:5px;
}

#detail #links a:hover, #detail #links a.active {
    background-color:black;
    color:white;
}

#detail #links a.nonactive:hover {
    background-color:white;
    color:black;
}

#detail #other-projects div {
	display:none;
}

#detail  #other-projects-tools a {
    display:inline-block;
    margin-right:10px;
}


#search-form input[type="text"] {
    background-color: #fff;
    border: 0 none;
    border-radius: 3px;
    box-sizing: border-box;
    color: #000;
    display: block;
    font-family: Times New Roman;
    font-weight:bold;
    font-size: 100px;
    line-height: 1.2em;
    margin-bottom: 80px;
    transition: all 0.3s ease 0s;
    width: 100%;
    outline-width: 0;
}

#search-form button, input[type="button"], #search-form input[type="submit"] {
    transition: all 0.3s cubic-bezier(0.49, 0.81, 0.52, 0.9) 0s;
}

#search-form button, #search-form input[type="button"], #search-form input[type="submit"], .btn, .btn:link {
    color: #fff;
    display: none;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    position: absolute;
    right: 40px;
    text-decoration: none;
    top: 0;
    transition: none 0s ease 0s ;
}



#ajax-search a {
	float:left;
    width:260px;
    text-decoration:none;
    margin-right:20px;
    height:300px;
    overflow:hidden;
    font-size:14px;
    line-height:1.2em;
    font-family:Arial;
}

#ajax-search a.stud {
    font-size:60px;
    font-weight:bold;
    line-height:150px;
    height:150px;
    font-family:Times New Roman;
    width:350px;
    text-align:center;
}

#ajax-search a div.img {
	position:relative;
    width:100%;
    height:200px;
    overflow:hidden;
    margin-bottom:10px;
    background-position:center center;
    background-size:cover;
    background-repeat: no-repeat;
}


#filtr {
	padding-left:20px;
    padding-bottom:10px;
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:3;
}

body.mobile #filtr {
	display:none;
}

#filtr .filtr-item {
	position:relative;
    float:left;
    width:250px;
    margin-right:20px;
    background-color:white;
}

#filtr .filtr-item a.chosen {
	display:block;
    border:1px solid;
    background:url(/images/filtr_hidden.jpg) right center no-repeat;
    cursor:pointer;
}

#filtr .filtr-item ul {
    list-style:none;
}

#filtr .filtr-item span {
    display:block;
    margin-bottom:5px;
    margin-top:10px;
    margin-left:20px;
}

#filtr .filtr-item a {
	display:block;
    text-decoration:none;
    padding:10px 20px;
    font-size:16px;
    line-height:1.2em;
}

#filtr .filtr-item ul li ul  {
    display:none;
    position:absolute;
    left:0;
    bottom:41px;
    width:100%;
    background-color:white;
}

#filtr .filtr-item ul li ul li {
    border-left:1px solid;
    border-right:1px solid;
    border-top:1px solid;
}

#filtr .filtr-item ul li ul li a:hover {
    background-color:black;
    color:white;
}

#filtr .filtr-item > ul > li:hover > a.chosen {
    background:url(/images/filtr_open.jpg) right center no-repeat;
}

#filtr .filtr-item > ul > li:hover > ul {
    display:block;
}