
body {
	font-family: Arial;
	font-size: 12px;
	color: #000101;
	width: 100%;
	height: 100%;
	background: #f8f8f8 url('../img/mobile/background.png') repeat-x 0 39px;
}

body.with-userpanel {
	background: #f8f8f8 url('../img/mobile/background.png') repeat-x 0 79px;
}

a {
	color: #000101;
	text-decoration: none;
}

* {
	padding: 0;
	margin: 0;
	font-family: Arial;
}

img {
	border: 0;
}

form {
	display: inline;
}

h1 {
	display: none;
}

h2 {
	height:20px;
	line-height:20px;
	margin-bottom:0;
	padding-left:4px;
	color: #AE0002;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
}

h3 {
	margin-bottom:0;
	padding: 10px;
	color: #AE0002;
	font-size: 130%;
	font-family: arial;
}

.a-left {
	text-align: left !important;
}

.a-center {
	text-align: center !important;
}

.a-right {
	text-align: right !important;
}

.clear {
	clear: both;
}

.fullsize {
	width: 100%;
}

.halfsize {
	width: 49%;
}

.bold {
	font-weight: bold;
}

.mhsep {
	margin: 0 6px;
}

.pack {
	padding: 0 2%;
}

.sortable {
	display: none;
}

.text-red {
	color: #E0230B;
}

.text-orange {
	color: #FF8520;
}

/** form **/

.form-label, .form_title {
	font-size: 130%;
	padding-top: 9px;
	padding-bottom: 3px;
}

textarea.small_size {
	height: 80px;
}
textarea.middle_size {
	height: 200px;
}
textarea.big_size {
	height: 350px;
}

/** messages **/

#messages {
	padding: 0 2%;
}

.error, .info, .notice, .success, .help, .hint, .query {
	padding: 6px 10px;
	line-height: 20px;
	margin: 8px 0;
	border-radius: 5px;
	min-height: 21px;
	font-size: 120%;
	color: #3e3e3e;
}

#msg_container .error,
#msg_container .info,
#msg_container .notice,
#msg_container .help,
#msg_container .hint,
#msg_container .query,
#msg_container .success {
	margin-top: 0;
}

.error {
	background: mistyRose;
	border: 1px solid #c12b2f;
}

.info, .notice {
	background: #fffacd;
	border: 1px solid #e4690c;
}

.help, .hint, .query {
	background: #e9f5ff;
	border: 1px solid #3077b3;
}

.success {
	background: #F2FFE3;
	border: 1px solid #6ea52f;
}

.error.no-background {
	padding-left: 10px;
}

.no-background {
	background-image: none;
}

.option, .important, table.list .option {
	color: #3878C9;
	font-weight: normal;
	text-decoration: none;
}

.option.red {
	color: #E0230B;
}

.notice .important,
.info .important,
.error a,
.help a,
.success a,
.info a
{
	color: #3878C9;
	font-weight: normal;
	text-decoration: none;
	font-size: 110%;
}

.expander-minified .gradient {
	/*-webkit-mask-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));*/
}

.expander {
	display: inline-block;
	padding: 3px;
	border-radius: 3px;
	background: #3077b3;
	border: 1px solid #3F6DA6;
	height: 7px;
	line-height: 7px;
	text-align: center;
	cursor: pointer;
	vertical-align: middle;
	color: #fff;
}

.wrapper {
	position: static;
}

#page, #top, #headbutton {
	min-width: 280px;
	margin: 0 auto;
}

#headbutton {
	padding-top: 4px;
}

#headbutton-in {
	padding: 0 2%;
}

#page {
	padding-top: 4px;
}

#header {
	height: 39px;
	background-color: #fff;
}

body.with-userpanel
#header {
	height: 79px;
}

#top-in {
	height: 35px;
	overflow: hidden;
	padding: 0 2%;
}

#logo {
	width: 160px;
	height: 30px;
	display: block;
	background: url('../img/mobile/logo.png') no-repeat right bottom;
	padding-top: 5px;
	float: left;
}

#search {
	padding-top: 5px;
	width: 60%;
	float: right;
	text-align: right;
}

#search div.input {
	width: 60%;
}

#bottom-navi {
	padding: 5px;
}

div.text {
	padding: 5px;
	font-size: 110%;
}

div.text ul li {
	list-style-type: none;
	padding-top: 9px;
}

.navi {
	margin-left: 0;
	padding-left: 19px;
	margin-top: 0;
}
.navi li {
	margin-left: 0;
	padding-left: 0;
	list-style-type: circle;
}

#headpanel {
	background: #f8f8f8;
	border-bottom: 1px solid #dfdfdf;
}

#headpanel-in {
	height: 24px;
	line-height: 24px;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	border-bottom: 1px solid #fff;
}

#headpanel, #headpanel strong, #headpanel a {
	font-size: 12px !important;
}

#logout {
	text-transform: uppercase;
	color: #cd0000;
}

#logged-in {
}

#footer {
	padding-top: 12px;
	padding-left: 19px;
	padding-right: 21px;
	padding-bottom: 13px;
	font-size: 120%;
	padding-bottom: 5px;
}
#footer > span {
	display: inline-block;
	float: left;
}
#footer a {
	color: #cd0000;
	text-decoration: underline;
	float: right;
}

#headpanel .login-button {
	background-image: url('../img/_old/g-nextbtn.png');
	width: 30px;
	height: 20px;
	border: 0;
	vertical-align: middle;
}

#headpanel-login {
	float: right;
	color: #afafaf;
	font-size: 90%;
}

.mid {
	vertical-align: middle;
}

/** box **/

.box-nw {
	background: url('../img/mobile/box/nw.png') no-repeat left top;
	padding-left: 4px;
}
.box-ne {
	background: url('../img/mobile/box/ne.png') no-repeat right top;
	padding-right: 4px;
}
.box-n {
	background: url('../img/mobile/box/n.png') repeat-x;
	height: 4px;
}

.box-w {
	background: url('../img/mobile/box/w.png') repeat-y left top;
	padding-left: 1px;
}
.box-middle {
	background: #b70202;
}
.box-in {
	padding: 5px;
}

.box-sw {
	background: url('../img/mobile/box/sw.png') no-repeat left top;
	padding-left: 4px;
}
.box-se {
	background: url('../img/mobile/box/se.png') no-repeat right top;
	padding-right: 4px;
}
.box-s {
	background: url('../img/mobile/box/s.png') repeat-x;
	height: 4px;
}

.box-g .box-sw {
	background: transparent url('../img/mobile/box/sw-g.png') no-repeat left top;
	padding-left: 4px;
}
.box-g .box-se {
	background: transparent url('../img/mobile/box/se-g.png') no-repeat right top;
	padding-right: 4px;
}
.box-g {
	background: #F7F7F7 url('../img/mobile/box/shadow.png') repeat-x left bottom;
	padding-bottom: 10px;
}

.box-in, .box-in a {
	color: #fff;
}
.box-in a {
	vertical-align: middle;
}

/** box-grey **/

.hr {
	height: 1px;
	font-size: 0;
	background-color: #d8d8d8;
	margin: 7px 0;
}

/*.box-grey .box-nw {
	background: url('../img/mobile/box/grey/nw.png') no-repeat left top;
}
.box-grey .box-ne {
	background: url('../img/mobile/box/grey/ne.png') no-repeat right top;
}
.box-grey .box-n {
	background: url('../img/mobile/box/grey/n.png') repeat-x;
}

.box-grey .box-w {
	background: url('../img/mobile/box/grey/w.png') repeat-y left top;
}
.box-grey .box-middle {
	background: #e1e1e1;
}

.box-grey .box-sw {
	background: url('../img/mobile/box/grey/sw.png') no-repeat left top;
}
.box-grey .box-se {
	background: url('../img/mobile/box/grey/se.png') no-repeat right top;
}
.box-grey .box-s {
	background: url('../img/mobile/box/grey/s.png') repeat-x;
}

.box-grey .box-g .box-sw {
	background: transparent url('../img/mobile/box/grey/sw-g.png') no-repeat left top;
}
.box-grey .box-g .box-se {
	background: transparent url('../img/mobile/box/grey/se-g.png') no-repeat right top;
}

.box-grey .box-in, .box-grey .box-in a {
	color: #595959;
}*/

/** col2 **/

.col2 {
	margin: 0 -10px;
}

.col2 > li {
	list-style-type: none;
	float: left;
	width: 50%;
}

.col2 > li > div {
	padding: 2% 10px;
}

/*.col2 > li:nth-child(2n) > div {
	padding-right: 0;
	padding-left: 5%;
}*/

.col2 .box-in a {
	height: 100px;
	text-align: center;
	padding: 0;
	padding-top: 4px;
	display: block;
}
.col2 .box-in .mi-pic {
	height: 75px;
	line-height: 75px;
	display: block;
}
.col2 .box-in .mi-pic img {
	vertical-align: middle;
}
.col2 .box-in .mi-label {
	padding-top: 4px;
	display: block;
	font-size: 130%;
	font-weight: bold;
}

/** col3 **/

.col3 > li {
	list-style-type: none;
	float: left;
	width: 32%;
	padding-right: 2%;
}

.col3 > li:nth-child(3n),
.col3 > li.last {
	padding-right: 0;
	padding-left: 0;
}

.col3 > li > div {
	padding: 2% 0;
}

/** tiles **/

.nav {
	white-space: nowrap;
}

.nav .col3 > li:nth-child(3n),
.nav .col3 > li.last {
	float: right;
}

.tiles {
	padding: 0 2%;
}

.tiles .box-in a {
	text-align: center;
	padding: 0;
	padding-top: 4px;
	display: block;
}
.tiles .box-in .mi-pic {
	display: block;
}
.tiles .box-in .mi-pic img {
	vertical-align: middle;
	width: 60%;
	padding: 0 20%;
}
.tiles .box-in .mi-label {
	padding-top: 4px;
	display: block;
	font-size: 130%;
	font-weight: bold;
}

/** input **/

.input {
	display: inline-block;
	vertical-align: middle;
}

.input-center {
	border: 1px solid #C6C5C5;
	background: #fff;
	border-radius: 4px;
}

.input input,
.input select {
	height: 26px;
	vertical-align: middle;
	border: none;
	background: transparent;
	width: 98%;
	padding: 0 1%;
}

.input-tall input,
.input-tall select {
	height: 33px;
	font-size: 150%;
	text-align: left;
}

input.text-small {
	text-align: center;
}

/** button **/

div.button {
	display: inline-block;
	vertical-align: middle;
}

.button-left {
	background: url('../img/mobile/button/left.png') no-repeat left top;
	padding-left: 4px;
}
.button-right {
	background: url('../img/mobile/button/right.png') no-repeat right top;
	padding-right: 4px;
}
.button-center {
	background: url('../img/mobile/button/center.png') repeat-x;
	height: 28px;
}

.button-center input,
.button-center a {
	height: 26px;
	vertical-align: middle;
	border: none;
	background: transparent;
	color: #fff;
	font-size: 100%;
	font-family: verdana;
	display: inline-block;
	text-align: center;
}
.button-center input {
	cursor: pointer;
}

.button.button-mini .button-center > div {
	vertical-align: middle;
}
.button-center > div {
	text-align: center;
}
.button-center > div > a {
	color: #fff;
	font-size: 105%;
	overflow: hidden;
	line-height: 27px;
	text-align: center;
	display: block;
}
.button.button-green-new .button-left {
	background: url('../img/mobile/button/green/left.png') no-repeat left top;
}
.button.button-green-new .button-right {
	background: url('../img/mobile/button/green/right.png') no-repeat right top;
}
.button.button-green-new .button-center {
	background: url('../img/mobile/button/green/center.png') repeat-x;
}

.button.button-mini {
	line-height: 22px;
}
.button.button-mini .button-left {
	background: url('../img/mobile/button/mini/left.png') no-repeat left top;
	padding-left: 4px;
}
.button.button-mini .button-right {
	background: url('../img/mobile/button/mini/right.png') no-repeat right top;
	padding-right: 4px;
}
.button.button-mini .button-center {
	background: url('../img/mobile/button/mini/center.png') repeat-x;
	height: 22px;
}
.button.button-mini .button-center > div {
	height: 22px;
	font-size: 110%;
}
.button.button-mini .button-center > div > a {
	font-size: 110%;
	height: 20px;
	line-height: 19px;
	display: block;
	vertical-align: middle;
}

.button.button-mini.button-grey .button-left {
	background: url('../img/mobile/button/mini/grey/left.png') no-repeat left top;
}
.button.button-mini.button-grey .button-right {
	background: url('../img/mobile/button/mini/grey/right.png') no-repeat right top;
}
.button.button-mini.button-grey .button-center {
	background: url('../img/mobile/button/mini/grey/center.png') repeat-x;
}
.button.button-mini.button-grey .button-left .button-center a {
	color: #ddd;
}

.button.button-grey .button-left {
	background: url('../img/mobile/button/grey/left.png') no-repeat left top;
}
.button.button-grey .button-right {
	background: url('../img/mobile/button/grey/right.png') no-repeat right top;
}
.button.button-grey .button-center {
	background: url('../img/mobile/button/grey/center.png') repeat-x;
}
.button.button-grey .button-left .button-center a {
	color: #ddd;
}

.button.button-red .button-left {
	padding-left: 0;
}
.button.button-red .button-right {
	padding-right: 0;
}
.button.button-red .button-center {
	background: #d11d02 url('../img/mobile/button/red/center.png') repeat-x;
	height: 36px;
	line-height: 36px;
	border-radius: 3px;
	border-bottom: 2px solid #A83B3C;
}
.button.button-red .button-left .button-center a,
.button.button-red .button-left .button-center input {
	color: #fff;
	font-weight: bold;
	height: 35px;
	line-height: 35px;
	border: none;
	width: 100%;
}

.button.button-blue .button-left {
	padding-left: 0;
}
.button.button-blue .button-right {
	padding-right: 0;
}
.button.button-blue .button-center {
	background: #3F6DA6 url('../img/mobile/button/blue/center.png') repeat-x;
	height: 35px;
	line-height: 32px;
	border-radius: 3px;
	border-bottom: 2px solid #3870aa;
}
.button.button-blue .button-left .button-center a,
.button.button-blue .button-left .button-center input {
	color: #fff;
	font-weight: bold;
	height: 35px;
	line-height: 35px;
	border: none;
	width: 100%;
}

.button_green, .button-green, .button-green-large, .button-green-extralarge, .button-green-small, .button-cancel {
	width: 99px;
	height: 34px;
	line-height: 34px;
	border: 0;
	background-color: transparent;
	background-image: url('../img/button-green.png');
	vertical-align: baseline;
	font-weight: bold;
	color: #fff;
	display: inline-block;
	text-align: center;
	cursor: pointer;
	font-size: 90%;
	color: #fff !important;
}

.button:hover, .button_small:hover, .button-small:hover,
.button_green:hover, .button-green:hover, .button-green-large:hover, .button-green-extralarge:hover, .button-green-small:hover {
	text-decoration: none;
}

.button_green, .button-green, .button-green-large, .button-green-extralarge {
	width: 139px;
	height: 27px;
	line-height: 27px;
	background-image: url('../img/button-green-large.png');
}

.button-cancel {
	width: 79px;
	height: 27px;
	line-height: 27px;
	background-image: url('../img/button-grey.png');
}

.list .button {
	width: 100%;
	max-width: 120px;
}

.list .button.fullsize {
	max-width: 2320px;
}

/** tabs **/

.tabs > li {
	list-style-type: none;
	float: left;
	width: 33%;
}

.tabs > li:first-child {
	width: 34%;
}

.tabs > li.fullsize {
	width: 100%;
}

.tabs > li.active {
	margin-bottom: -16px;
}

.tabs > li.last {
	float: right;
}

.tabs > li > div {
	padding: 2% 5%;
}

.tabs > li.fullsize > div {
	padding: 2% 0;
}

.tabs > li:first-child > div {
	padding-left: 0;
}

.tabs > li.last > div {
	padding-right: 0;
}

.tabs > li.active > div {
	padding-top: 0;
}

.tabs .box-in > a {
	height: 26px;
	line-height: 26px;
	font-size: 130%;
	font-weight: bold;
	text-align: center;
	display: block;
}

/** tabview **/

.tabview {
	padding: 0 2%;
}

.activetab {
	padding: 2% 0;
	padding-bottom: 0;
}

/** tabcontent **/

.tabcontent-nw {
	background: url('../img/mobile/tabview/nw.png') no-repeat left top;
	padding-left: 3px;
}
.tabcontent-ne {
	border-right: 1px solid #c8c8c8;
}
.tabcontent-n {
	border-top: 1px solid #c8c8c8;
	background: #fcfcfc;
	height: 2px;
}

.tabcontent-w {
	border-left: 1px solid #c8c8c8;
}
.tabcontent-e {
	border-right: 1px solid #c8c8c8;
}
.tabcontent-middle {
	background: #fcfcfc;
	overflow: auto;
}
.tabcontent-in {
	padding: 8px;
}

.tabcontent-sw {
	background: url('../img/mobile/tabview/sw.png') no-repeat left top;
	padding-left: 3px;
}
.tabcontent-se {
	background: url('../img/mobile/tabview/se.png') no-repeat right top;
	padding-right: 3px;
}
.tabcontent-s {
	border-bottom: 1px solid #c8c8c8;
	background: #fcfcfc;
	height: 2px;
}

.tabcontent-g .tabcontent-sw {
	background: url('../img/mobile/tabview/sw-g.png') no-repeat left top;
	padding-left: 3px;
}
.tabcontent-g .tabcontent-se {
	background: url('../img/mobile/tabview/se-g.png') no-repeat right top;
	padding-right: 3px;
}
.tabcontent-g {
	background: url('../img/mobile/tabview/shadow.png') repeat-x left bottom;
	padding-top: 7px;
	padding-bottom: 7px;
}

.tabcontent-in, .tabcontent-in a {
}

/** activetab **/

.activetab-nw {
	background: url('../img/mobile/tabview/activetab/nw.png') no-repeat left top;
	padding-left: 3px;
}
.activetab-ne {
	background: url('../img/mobile/tabview/activetab/ne.png') no-repeat right top;
	padding-right: 3px;
}
.activetab-n {
	background: url('../img/mobile/tabview/activetab/n.png') repeat-x left top;
	height: 3px;
}

.activetab-w {
	border-left: 1px solid #c8c8c8;
}
.activetab-e {
	border-right: 1px solid #c8c8c8;
}
.activetab-middle {
	background: #fcfcfc;
}
.activetab-in {
	padding: 5px;
	height: 36px;
}

.activetab-sw {
	display: none;
}

.activetab-in, .activetab-in a {
	height: 36px;
	line-height: 36px;
	font-size: 130%;
	font-weight: bold;
	text-align: center;
	display: block;
	color: #5f5f5f;
}

/** list **/

.list {
	width: 100%;
	border-collapse: collapse;
}

.list a {
	color: #3878C9;
}

.list th {
	height: 28px;
	line-height: 28px;
	background: url('../img/mobile/list/head/center.png') repeat-x;
	font-size: 90%;
	text-align: left;
}

.list th table {
	width: 100%;
	border-collapse: collapse;
}

.list th td {
	font-size: 100%;
	line-height: 28px;
	padding: 0;
	text-align: left;
	padding-left: 10px;
}

.list th td a {
	color: #000101;
	overflow: hidden;
}

.list th:first-child td:first-child {
	background: url('../img/mobile/list/head/left.png') no-repeat left top;
}

.list th.last td.torder, .list th.last-child td {
	background: url('../img/mobile/list/head/right.png') no-repeat right top;
}

.list td {
	height: 24px;
	padding: 5px 2px;
/*	line-height: 28px;*/
	text-align: left;
	font-size: 110%;
}

.list tr.even > td {
	background: #F5F5F5;
}

.list.paramlist th, .list.paramlist th.last td {
	background: none;
}
.list.paramlist td, .list.paramlist th {
	border: 1px solid #ccc;
	text-align: left;
	padding-left: 5px;
	line-height: 20px;
}
.list.paramlist th {
	width: 30%;
	text-align: right;
	padding-right: 5px;
	text-align: right;
}
.list.paramlist .button-green {
	margin: 1px;
}

.list-like {
	padding: 5px 2px;
}

table.list .torder .asc, table.list .torder .desc {
	width: 9px;
	height: 6px;
	display: block;
	font-size: 0;
}

table.list .torder .asc {
	display: none;
}

table.list .torder .desc {
	display: none;
}

table.list .torder .asc-active {
	display: none;
}

table.list .torder .desc-active {
	display: none;
}

table.list tr.row-red td {
	background-color: #FADBDB;
}

/** format **/

.list td.format_dname {
	text-align: left !important;
	font-size: 120%;
	font-weight: bold;
}

.list td.format_radio label {
	width: 100%;
	display: block;
	text-align: center;
	cursor: pointer;
}

.list td.format_date {
	text-align: center;
	white-space: nowrap;
	width: 100px;
	padding-right: 10px;
}

.list td.format_number {
	text-align: center;
}

.list td.format_iterator {
	text-align: right;
	width: 30px;
}

.list td.format_checkbox {
	text-align: center;
	width: 30px;
}

.list td.format_switch {
	text-align: center;
	width: 30px;
}

.form_checkbox_item {
}

.form_checkbox_item * {
	vertical-align: middle;
}

.form_text {
	font-size: 110%;
}

.form_caption {
	font-size: 140%;
	font-weight: bold;
}

/** label **/

.label-nw {
	background: url('../img/mobile/label/nw.png') no-repeat left top;
	padding-left: 3px;
}
.label-ne {
	background: url('../img/mobile/label/ne.png') no-repeat right top;
	padding-right: 3px;
}
.label-n {
	border-top: 1px solid #b4b4b4;
	background: #fcfcfc;
	height: 2px;
}

.label-w {
	border-left: 1px solid #d7d7d7;
}
.label-e {
	border-right: 1px solid #b2b2b2;
}
.label-middle {
	background: #fcfcfc;
}
.label-in {
	padding: 5px;
}

.label-sw {
	background: url('../img/mobile/label/sw.png') no-repeat left top;
	padding-left: 3px;
}
.label-se {
	background: url('../img/mobile/label/se.png') no-repeat right top;
	padding-right: 3px;
}
.label-s {
	border-bottom: 1px solid #c8c8c8;
	background: #fcfcfc;
	height: 2px;
}

.label-in, .label-in a {
}

/** paginate **/

.paginate {
	padding-top: 10px;
	text-align: center;
	line-height: 26px;
}
.paginate, .paginate a {
	font-size: 110%;
}
.paginate a {
	padding: 0 4px;
}
a.paginate-prev, a.paginate-next {
	font-size: 150%;
}
.paginate-prev {
	width: 30%;
	float: left;
	text-align: left;
}
.paginate-next {
	width: 30%;
	float: right;
	text-align: right;
}
.paginate-info {
	width: 38%;
	float: left;
	color: #555;
	font-size: 110%;
}

/** indexbox **/

.indexbox-nw {
	background: url('../img/mobile/index/box/nw.png') no-repeat left top;
	padding-left: 3px;
}
.indexbox-ne {
	background: url('../img/mobile/index/box/ne.png') no-repeat right top;
	padding-right: 3px;
}
.indexbox-n {
	background: url('../img/mobile/index/box/n.png') repeat-x;
	height: 3px;
}

.indexbox-w {
	border-left: 1px solid #e0e0e0;
}
.indexbox-e {
	border-right: 1px solid #e0e0e0;
}
.indexbox-middle {
	background: #fff;
}
.indexbox-in {
	padding: 5px;
}

.indexbox-sw {
	background: url('../img/mobile/index/box/sw.png') no-repeat left top;
	padding-left: 3px;
}
.indexbox-se {
	background: url('../img/mobile/index/box/se.png') no-repeat right top;
	padding-right: 3px;
}
.indexbox-s {
	background: url('../img/mobile/index/box/s.png') repeat-x;
	height: 3px;
}

.indexbox-g .indexbox-sw {
	background: url('../img/mobile/index/box/sw-g.png') no-repeat left top;
	padding-left: 3px;
}
.indexbox-g .indexbox-se {
	background: url('../img/mobile/index/box/se-g.png') no-repeat right top;
	padding-right: 3px;
}
.indexbox-g {
	background: url('../img/mobile/index/box/shadow.png') repeat-x left bottom;
	padding-bottom: 6px;
}

.indexbox-head {
	background: url('../img/mobile/index/box/head.png') repeat-x left bottom;
	height: 36px;
	line-height: 36px;
	padding-left: 10px;
	font-size: 120%;
}

.indexbox-in, .indexbox-in a {
}
.indexbox-in a {
}

td.cell-name {
	text-align: left;
}
td.cell-price{
	text-align: right;
}

/** auction **/

.auction-name {
	font-size: 140%;
	padding: 3px 10px;
	padding-right: 0;
	float: left;
	width: 58%;
}

.auction-time {
	font-size: 145%;
	padding: 3px 10px;
	padding-left: 0;
	float: right;
	width: 36%;
	text-align: right;
}

.auction-time span {
	font-weight: bold;
}

.auction-offers {
	font-size: 130%;
	padding-left: 15px;
}

.auction-offers span {
	font-weight: bold;
}

input[type=checkbox] {
	background: #fff;
	border: 1px solid #222;
	border-radius: 2px;
	display: inline-block;
	line-height: 8px;
	height: 20px;
	width: 20px;
}

input.auction-bid-input {
	width: 100px;
}

.button.button-blue.auction-bid-button .button-left .button-center,
.button.button-blue.auction-bid-button .button-left .button-center input {
	height: 36px;
	line-height: 36px;
}

.input.input-bid input {
	width: 125px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	font-size: 140%;
}

/** textarea **/

.textarea-nw {
	background: url('../img/mobile/textarea/nw.png') no-repeat left top;
	padding-left: 3px;
}
.textarea-ne {
	background: url('../img/mobile/textarea/ne.png') no-repeat right top;
	padding-right: 3px;
}
.textarea-n {
	border-top: 1px solid #e0e0e0;
	height: 2px;
	background: #fff;
}

.textarea-w {
	border-left: 1px solid #e0e0e0;
}
.textarea-e {
	border-right: 1px solid #e0e0e0;
}
.textarea-middle {
	background: #fff;
}
.textarea-in {
	padding: 5px;
}

.textarea-sw {
	background: url('../img/mobile/textarea/sw.png') no-repeat left top;
	padding-left: 3px;
}
.textarea-se {
	background: url('../img/mobile/textarea/se.png') no-repeat right top;
	padding-right: 3px;
}
.textarea-s {
	border-bottom: 1px solid #e0e0e0;
	height: 3px;
}

.textarea-tab .textarea-sw,
.textarea-g .textarea-sw {
	background: url('../img/mobile/textarea/sw-g.png') no-repeat left top;
	padding-left: 3px;
}
.textarea-tab .textarea-se,
.textarea-g .textarea-se {
	background: url('../img/mobile/textarea/se-g.png') no-repeat right top;
	padding-right: 3px;
}
.textarea-tab,
.textarea-g {
	background: url('../img/mobile/textarea/shadow.png') repeat-x left bottom;
	padding-bottom: 6px;
}

.textarea-tab .textarea-ne {
	border-right: 1px solid #e0e0e0;
	padding-right: 0;
}

.textarea-head {
	background: url('../img/mobile/textarea/head.png') repeat-x left bottom;
	height: 36px;
}

.textarea-in textarea {
	vertical-align: middle;
	border: none;
	background: transparent;
	width: 100%;
}

/** pay **/

.promo-points-info {
	font-size: 120%;
	text-align: center;
}

.payment-method li {
	list-style-type: none;
	padding-top: 7px;
}

.list-options li {
	list-style-type: none;
	padding-top: 7px;
}

/** sellbox **/

.sellbox {
	width: 33%;
	float: left;
	padding: 10px 0;
}

.sellbox-left {
	width: 276px;
	margin: 0 auto;
	background: url('../img/mobile/sellbox/left.png') no-repeat left top;
}

.sellbox-icon {
	padding-left: 75px;
}

.sellbox-right {
	background: url('../img/mobile/sellbox/right.png') no-repeat right top;
	padding-right: 10px;
}

.sellbox-center {
	background: url('../img/mobile/sellbox/center.png') repeat-x right top;
}

.sellbox-center > div {
	height: 86px;
}

.sellbox a {
	height: 100px;
	display: block;
	color: #fff;
}

.sellbox a:hover {
	text-decoration: none;
}

.sellbox .label {
	height: 25px;
	line-height: 24px;
	display: block;
	color: #fff;
	text-align: center;
	font-size: 105%;
	margin-left: -75px;
	padding-top: 4px;
}

.sellbox .name {
	width: 63%;
	line-height: 55px;
	display: inline-block;
	text-align: center;
	font-size: 150%;
	vertical-align: middle;
	padding-right: 8px;
	letter-spacing: 1px;
	color: #000;
}

.sellbox .button {
	display: inline-block;
	vertical-align: middle;
}

.sellbox .more {
	text-align: right;
	margin-top: -10px;
}

.sellbox .more a {
	height: auto;
	background: none;
}

.sellbox-auction .sellbox-icon {
	background: url('../img/mobile/sellbox/icon/auction.png') no-repeat 21px 31px;
}

.sellbox-forsale .sellbox-icon {
	background: url('../img/mobile/sellbox/icon/forsale.png') no-repeat 21px 35px;
}

.sellbox-escrow .sellbox-icon {
	background: url('../img/mobile/sellbox/icon/escrow.png') no-repeat 21px 36px;
}

.sellbox-leasing .sellbox-icon {
	background: url('../img/mobile/sellbox/icon/leasing.png') no-repeat 24px 33px;
}

.sellbox-instalment .sellbox-icon {
	background: url('../img/mobile/sellbox/icon/instalment.png') no-repeat 21px 33px;
}

/** negotiations **/

.negotiations-entry {
	border: 4px solid #EDEDE9;
}

.negotiations-entry table.threadlist td {
	background-image: none;
	text-align: left;
	background-color: #F7F5E9;
	padding-left: 5px;
	border: none;
	padding: 3px 20px 3px 10px;
}

.negotiations-entry table.threadlist tr.my td {
	background-color: #fff;
}

.negotiations-entry table.threadlist tr.thread-header td {
	background-color: #F9F8F3;
	color: #333;
	line-height: 20px;
	height: 20px;
}

.negotiations-entry table.threadlist tr.thread-header td > span {
	line-height: 20px;
}

.negotiations-entry table.threadlist tr.thread-header td a.option {
	color: #FF9238;
	text-decoration: underline;
	padding: 0 10px;
}

.negotiations-entry table.threadlist tr.thread-closed td {
	background-color: #cc0000;
	color: #FF9238;
	line-height: 20px;
	height: 20px;
	padding: 2px;
	padding-left: 35px;
}

.negotiations-entry table.threadlist tr.thread-closed td span {
	color: #E96002;
    vertical-align: middle;
}

.negotiations-entry table.threadlist strong {
    vertical-align: middle;
	width: 150px;
	display: inline-block;
}

.negotiations-entry table.threadlist .thread-price {
	font-size: 130%;
	line-height: 20px;
	width: 150px;
}

.negotiations-entry table.threadlist .thread-status {
	line-height: 20px;
	font-style: italic;
}

.negotiations-entry table.threadlist .thread-date {
	color: #FF9238;
	padding: 0 10px;
    vertical-align: top;
	float: right;
	line-height: 20px;
}

.negotiations-entry table.threadlist .thread-date span {
	color: #E96002;
    vertical-align: top;
}

table.threadlist td {
	background-image: none;
	background-color: #F7F5E9;
	text-align: left;
	padding-left: 5px;
	border: none;
	padding: 3px 20px 3px 35px;
}

table.threadlist tr.thread-header td {
	background-color: #80350B;
	color: #FFFDFF;
    line-height: 35px;
}

table.threadlist tr.thread-header td > span {
    line-height: 35px;
}

table.threadlist tr.thread-header td a.option {
	color: #FF9238;
	text-decoration: underline;
	padding: 0 10px;
}

table.threadlist tr.thread-closed td {
	background-color: #cc0000;
	color: #FF9238;
	line-height: 18px;
	height: 18px;
	padding: 2px;
	padding-left: 35px;
}

table.threadlist tr.thread-closed td span {
	color: #E96002;
    vertical-align: middle;
}

table.threadlist .thread-date {
	color: #FF9238;
	padding: 0 10px;
    vertical-align: middle;
}

table.threadlist .thread-date span {
	color: #E96002;
    vertical-align: middle;
}

/** article **/

.article-name {
	height: 31px;
	line-height: 31px;
	background-image: url('../img/article/name.png');
	padding: 0 12px;
}

.article-name h2 {
	padding: 0;
	margin: 0;
	line-height: 31px;
	font-size: 135%;
	color: #000101;
}

.article-body {
	font-size: 110%;
	line-height: 18px;
}

.article-body-in {
	padding: 18px;
}

.article-body ol {
	margin-left: 15px;
}

.article-body li {
	margin-left: 14px;
	color: #a90003;
}

.article-body span,
.article-body p {
	color: #242424;
}

.article-body .c22 tr td {
	border-bottom: 1px solid #f1f1f1;
}

.article-body .c22 tr td:first-child {
	width: 260px;
	color: #a90003;
	text-align: center;
}

.article-body .c22 tr td:first-child span {
	color: #a90003;
}

.article-prezentacja .contentbox-in {
	background: #F9F9F9;
}


.layout-size {
	display: none;
}

h5 {
    font-size: 14px;
    font-weight: 500;
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

.modal-dialog {
    position: relative;
    margin: 30px auto;
    width: 920px;
}

.modal-content {
    position: relative;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    outline: 0;
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

.modal-title {
    margin: 0;
    line-height: 1.42857143;
}

.modal-body {
    position: relative;
    padding: 15px;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

.modal-footer .btn+.btn {
    margin-bottom: 0;
    margin-left: 5px;
}

.d-flex {
    display: flex !important;
}

.justify-content-center {
    justify-content: center !important;
}

.row {
    margin-right: -15px;
    margin-left: -15px;
}

.col-xs-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.btn-success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

.btn-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
}

.text-danger {
    color: #a94442;
}

.d-none {
    display: none !important;
}

.mt-3 {
    margin-top: 8px !important;
}

/*@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5),*/

@media
only screen and (max-width: 479px) {
	.layout-size-1 {
		display: block;
	}

	.layout-size-not-1 {
		display: none;
	}

	.layout-size-only-2,
	.layout-size-only-3,
	.layout-size-only-4 {
		display: none;
	}

	#page, #top, #headbutton {
		width: 300px;
	}

	.tabs > li,
	.tabs > li:first-child,
	.tabs > li.last {
		float: none;
		width: auto;
	}

	.tabs > li > div {
		padding: 0;
	}

	.tiles .box-in .mi-label {
		font-size: 95%;
	}

	#logo {
		margin: 0 auto;
		float: none;
		padding-top: 10px;
	}

	#search {
		float: none;
		width: auto;
		clear: both;
		text-align: center;
		padding-top: 12px;
	}

	#search div.input {
		width: 50%;
	}

	#search .input input {
		height: 26px;
	}

	#search .button.button-blue .button-center,
	#search .button.button-blue .button-left .button-center a,
	#search .button.button-blue .button-left .button-center input {
		height: 30px;
		line-height: 30px;
	}

	body {
		background-position: 0 94px;
	}

	body.with-userpanel {
		background-position: 0 139px;
	}

	#header {
		height: 94px;
	}

	body.with-userpanel #header {
		height: 139px;
	}

	#top-in {
		height: 94px;
	}

	body.with-userpanel #top-in {
		height: 99px;
	}

	.col2:first-child {
		padding-top: 5px;
	}

	.col2 > li {
		width: 100%;
	}

	#footer {
		text-align: center;
	}

	#footer a {
		float: none;
		display: block;
	}

	.box-normal {
		padding-bottom: 10px;
	}

	.paginate-info {
		display: none;
	}

	.paginate-prev,
	.paginate-next {
		width: 49%;
	}

	.paginate-prev span,
	.paginate-next span {
		display: none;
	}

	.paginate-prev div.button,
	.paginate-next div.button {
		width: 100%;
	}

	.sellbox {
		width: 100%;
		float: left;
		padding: 10px 0;
	}

	.auction-name {
		text-align: center;
		width: 100%;
		padding: 0;
	}

	.auction-time {
		text-align: center;
		width: 100%;
		padding: 0;
		padding-top: 4px;
	}

	.activetab-in, .activetab-in a {
		line-height: 23px;
	}

	.indexbox-in {
		resize: both;
	}

	.indexbox-in-invisible {
		display: none;
	}

	.tiles .box-in .mi-pic-p {
		height: 70px;
		background: url('../img/mobile/index/p/p_48.png') no-repeat center center;
		margin: 0 auto;
	}

	.netto {
		display: none;
	}

	.modal-dialog {
		margin: 10px auto;
		width: 280px;
	}
}

@media
only screen and (min-width: 480px) and (max-width: 719px) {
	.layout-size-2 {
		display: block;
	}

	.layout-size-not-2 {
		display: none;
	}

	.layout-size-only-1,
	.layout-size-only-3,
	.layout-size-only-4 {
		display: none;
	}

	#page, #top, #headbutton {
		width: 480px;
	}

	body {
		background-position: 0 39px;
	}

	body.with-userpanel {
		background-position: 0 94px;
	}

	#header {
		height: 39px;
	}

	body.with-userpanel #header {
		height: 94px;
	}

	#top-in {
		height: 39px;
	}

	body.with-userpanel #top-in {
		height: 94px;
	}

	#search {
		width: 55%;
	}

	#search div.input {
		width: 55%;
	}

	#search .input input {
		height: 26px;
	}

	.activetab-in, .activetab-in a {
		height: 66px;
		line-height: 65px;
	}

	.col2:first-child {
		padding-top: 5px;
	}

	.col2 > li {
		width: 100%;
	}

	.sellbox {
		width: 100%;
		float: left;
		padding: 10px 0;
	}

	.indexbox-in {
		resize: both;
	}

	.indexbox-in-invisible {
		display: none;
	}

	.tiles .box-in .mi-pic-p {
		height: 109px;
		background: url('../img/mobile/index/p/p_81.png') no-repeat center center;
		margin: 0 auto;
	}

	.modal-dialog {
		margin: 10px auto;
		width: 450px;
	}
}

@media
only screen and (min-width: 720px) and (max-width: 1023px) {
	.layout-size-3 {
		display: block;
	}

	.layout-size-not-3 {
		display: none;
	}

	.layout-size-only-2,
	.layout-size-only-1,
	.layout-size-only-4 {
		display: none;
	}

	#page, #top, #headbutton {
		width: 720px;
	}

	.sellbox {
		width: 50%;
		float: left;
		padding: 10px 0;
	}

	.tabs > li.active {
		margin-bottom: -20px;
	}

	.tiles .box-in .mi-pic-p {
		height: 155px;
		background: url('../img/mobile/index/p/p_126.png') no-repeat center center;
		margin: 0 auto;
	}

	.modal-dialog {
		width: 640px;
	}
}

@media
only screen and (min-width: 1024px) {
	.layout-size-4 {
		display: block;
	}

	.layout-size-not-4 {
		display: none;
	}

	.layout-size-only-2,
	.layout-size-only-3,
	.layout-size-only-1 {
		display: none;
	}

	#page, #top, #headbutton {
		width: 1024px;
	}

	body {
		font-size: 12px;
	}

	.tabs > li.active {
		margin-bottom: -26px;
	}

	.tiles .box-in .mi-pic-p {
		width: 181px;
		height: 209px;
		background: url('../img/mobile/index/p/p_181.png') no-repeat center center;
		margin: 0 auto;
	}
}

@media
only screen and (max-width:720px) {
	.tabs .box-in > a {
		height: 56px;
		line-height: 56px;
		margin: 0 -10px;
	}

	body {
		font-size: 12px;
	}

	#logo {
/*		width: 267px;
		height: 50px;*/
	}

	.input input,
	.input select {
		height: 40px;
	}

	.button.button-blue .button-center,
	.button.button-blue .button-left .button-center a,
	.button.button-blue .button-left .button-center input {
		height: 45px;
		line-height: 45px;
	}
}
/*
@media screen and (min-device-pixel-ratio: 1) {
	.tabs .box-in > a {
		height: 156px;
		line-height: 156px;
	}
}

@media screen and (max-width:720px) {
}*/
