@charset "UTF-8";
body {
	background:#000;
	color:#000;
	font-family:'Skia', Arial, sans-serif;
	font-size:14px;
	line-height:18px;
	margin:0;
	padding:0;
	overflow:hidden;
}
:focus {
	outline:none;
}
strong {
	color:#F00;
}
h2 {
	color:#F00;
	font-variant:small-caps;
}
a {
	color:#000;
	text-decoration:none;
	cursor:pointer;
}
a:hover {
	text-decoration:underline;
}
label {
	font-size:12px;
}
label.error {
	color:#F00;
}
input, textarea {
	background:none;
	border:#9E9D9D 1px solid;
}
textarea {
	resize:none;
}
input[type=submit] {
	color:#9E9D9D;
	padding:4px;
	cursor:pointer;
}
input[type=submit]:hover {
	background:#9E9D9D;
	color:#FFF;
}
.topmenu {
	color:#FFF;
}
#menu {
	position:fixed;
	right:60px;
	top:0;
	padding-top:5px;
}
#menu ul {
	list-style:none;
	margin:0;
}
#menu li {
	display:inline;
	float:left;
	padding:0 10px 0 10px;
	color:#9E9D9D;
	font-variant:small-caps;
	font-size:28px;
	line-height:30px;
	cursor:pointer;
}
#menu li:hover {
	color:#F00;
}
#minimenu {
	position:fixed;
	top:0;
	left:80px;
	height:30px;
	padding-top:14px;
	text-indent:20px;
	font-size:12px;
	color:#9E9D9D;
	background:#000;
	border-bottom:#9E9D9D thin solid;
}
#logo {
	position:fixed;
	left:10px;
	top:10px;
	cursor:pointer;
}
#slogan {
	position:fixed;
	background:#000;
	color:#9E9D9D;
	width:99%;
	height:40px;
	bottom:0;
	padding:10px;
	border-top:#9E9D9D thin solid;
}
#slogan span {
	font-size:12px;
	line-height:40px;
}
#slogan div {
	display:inline;
	float:right;
}
.social {
	display:inline;
	float:right;
	width:40px;
	height:40px;
	cursor:pointer;
	padding-right:6px;
}
.social img {
	border:0;
}
.slogan {
	width:373px;
}
#disable {
	position:fixed;
	background:#000;
	left:0;
	top:0;
}
#loader {
	position:fixed;
	right:20px;
	top:10px;
}
#load-percent {
	position:fixed;
	top:50px;
	padding:10px;
	font-size:20px;
	color:#FFF;
	background:#000;
	text-align:right;
}
#grid-next {
	position:fixed;
	display:none;
	right:10px;
	top:150px;
	width:50px;
	height:50px;
	background:url(http://www.pre2post.net/img/assets/next.png?=1761772649) no-repeat 0 0;
	cursor:pointer;
}
#grid-next:hover {
	background-position:0 -50px;
}
#grid-prev {
	position:fixed;
	display:none;
	left:10px;
	top:150px;
	width:50px;
	height:50px;
	background:url(http://www.pre2post.net/img/assets/prev.png?=1761772649) no-repeat 0 0;
	cursor:pointer;
}
#grid-prev:hover {
	background-position:0 -50px;
}
.randomview {
	width:14px;
	height:14px;
	background:url(http://www.pre2post.net/img/assets/random.png?=1761772649) no-repeat 0 0;
	cursor:pointer;
}
.gridview {
	width:14px;
	height:14px;
	background:url(http://www.pre2post.net/img/assets/grid.png?=1761772649) no-repeat 0 0;
	cursor:pointer;
}
.resetview {
	width:14px;
	height:14px;
	background:url(http://www.pre2post.net/img/assets/reset.png?=1761772649) no-repeat 0 0;
	cursor:pointer;
}
.listview {
	width:14px;
	height:14px;
	background:url(http://www.pre2post.net/img/assets/list.png?=1761772649) no-repeat 0 0;
	cursor:pointer;
}
#map {
	position:absolute;
	left:390px;
	top:2px;
}
#mail-form {
	position:absolute;
	top:0;
}
/* Portrait */
@media screen and (max-width: 768px) {
	#slogan {
		height:80px;
	}
}
/* Landscape */
@media screen and (min-width: 769px) {
	#slogan {
		height:40px;
	}
}