@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700&subset=latin-ext);
/*
* Skeleton V2.0.2
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/15/2014
*/
/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/
/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
  position: relative;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box; }

.column, .columns {
  width: 100%;
  float: left;
  box-sizing: border-box; }

/* For devices larger than 400px */
@media (min-width: 400px) {
  .container {
    width: 90%;
    padding: 0; } }
/* For devices larger than 550px */
@media (min-width: 550px) {
  /*
  	.column, .columns { margin-left: 4%; }
  	.column:first-child, .columns:first-child {  margin-left: 0; }
  
  	.one.column,
  	.one.columns                    { width: 4.66666666667%; }
  	.two.columns                    { width: 13.3333333333%; }
  	.three.columns                  { width: 22%;            }
  	.four.columns                   { width: 30.6666666667%; }
  	.five.columns                   { width: 39.3333333333%; }
  	.six.columns                    { width: 48%;            }
  	.seven.columns                  { width: 56.6666666667%; }
  	.eight.columns                  { width: 65.3333333333%; }
  	.nine.columns                   { width: 74.0%;          }
  	.ten.columns                    { width: 82.6666666667%; }
  	.eleven.columns                 { width: 91.3333333333%; }
  	.twelve.columns                 { width: 100%; margin-left: 0; }
  
  	.one-third.column               { width: 30.6666666667%; }
  	.two-thirds.column              { width: 65.3333333333%; }
  	.one-half.column                { width: 48%; }
  */
  /* Columns */
  .one.column, .one.columns {
    width: 8.3333333333%; }

  .two.columns {
    width: 16.666666667%; }

  .three.columns {
    width: 25%; }

  .four.columns {
    width: 33.3333333333%; }

  .five.columns {
    width: 41.6666666667%; }

  .six.columns {
    width: 50%; }

  .seven.columns {
    width: 58.333333333%; }

  .eight.columns {
    width: 66.666666667%; }

  .nine.columns {
    width: 75%; }

  .ten.columns {
    width: 83.333333333%; }

  .eleven.columns {
    width: 91.666666667%; }

  .twelve.columns {
    width: 100%; }

  .one-third.column {
    width: 33.3333333333%; }

  .two-thirds.column {
    width: 66.6666666667%; }

  .one-half.column {
    width: 50%; }

  /* Offsets */
  .offset-by-one.column, .offset-by-one.columns {
    margin-left: 8.3333333333%; }

  .offset-by-two.column, .offset-by-two.columns {
    margin-left: 16.666666667%; }

  .offset-by-three.column, .offset-by-three.columns {
    margin-left: 25%; }

  .offset-by-four.column, .offset-by-four.columns {
    margin-left: 33.3333333333%; }

  .offset-by-five.column, .offset-by-five.columns {
    margin-left: 41.6666666667%; }

  .offset-by-six.column, .offset-by-six.columns {
    margin-left: 50%; }

  .offset-by-seven.column, .offset-by-seven.columns {
    margin-left: 58.333333333%; }

  .offset-by-eight.column, .offset-by-eight.columns {
    margin-left: 66.666666667%; }

  .offset-by-nine.column, .offset-by-nine.columns {
    margin-left: 75%; }

  .offset-by-ten.column, .offset-by-ten.columns {
    margin-left: 83.333333333%; }

  .offset-by-eleven.column, .offset-by-eleven.columns {
    margin-left: 91.666666667%; }

  .offset-by-one-third.column, .offset-by-one-third.columns {
    margin-left: 33.3333333333%; }

  .offset-by-two-thirds.column, .offset-by-two-thirds.columns {
    margin-left: 66.6666666667%; }

  .offset-by-one-half.column, .offset-by-one-half.columns {
    margin-left: 50%; } }
/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
/*
html {
	font-size: 62.5%;
}

body {
	font-size: 1.5em; // currently ems cause chrome bug misinterpreting rems on body element
	line-height: 1.6;
	font-weight: 400;
	font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #222;
}
*/
/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 2rem; }

h1 {
  font-size: 4.0rem;
  line-height: 1.2;
  letter-spacing: -1px; }

h2 {
  font-size: 3.6rem;
  line-height: 1.25;
  letter-spacing: -1px; }

h3 {
  font-size: 3.0rem;
  line-height: 1.3;
  letter-spacing: -1px; }

h4 {
  font-size: 2.4rem;
  line-height: 1.35;
  letter-spacing: 0; }

h5 {
  font-size: 1.8rem;
  line-height: 1.5;
  letter-spacing: 0; }

h6 {
  font-size: 1.5rem;
  line-height: 1.6;
  letter-spacing: 0; }

/* Larger than phablet */
@media (min-width: 550px) {
  h1 {
    font-size: 5.0rem; }

  h2 {
    font-size: 4.2rem; }

  h3 {
    font-size: 3.6rem; }

  h4 {
    font-size: 3.0rem; }

  h5 {
    font-size: 2.4rem; }

  h6 {
    font-size: 1.5rem; } }
p {
  margin-top: 0; }

/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
  color: #1EAEDB; }

a:hover {
  color: #0FA0CE; }

/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*

.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  height: 38px;
  padding: 0 30px;
  color: #555;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid #bbb;
  cursor: pointer;
  box-sizing: border-box; }
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  color: #333;
  border-color: #888;
  outline: 0; }
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
  color: #FFF;
  background-color: #33C3F0;
  border-color: #33C3F0; }
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  color: #FFF;
  background-color: #1EAEDB;
  border-color: #1EAEDB; }

*/
/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
input[type="email"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  height: 38px;
  padding: 6px 10px; // The 6px vertically centers text on FF, ignored by Webkit
  background-color: #fff;
  border: 1px solid #D1D1D1;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box; }
// Removes awkard default styles on some inputs for iOS
input[type="email"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px; }
input[type="email"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 1px solid #33C3F0;
  outline: 0; }

*/
label, legend {
  margin-bottom: .5rem; }

fieldset {
  padding: 0;
  border-width: 0; }

input[type="checkbox"], input[type="radio"] {
  display: inline; }

label > .label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal; }

/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {
  list-style: square; }

ol {
  list-style: decimal; }

ol, ul {
  padding-left: 0;
  margin-top: 0; }

ul ul, ul ol, ol ol, ol ul {
  font-size: 90%; }

li {
  margin-bottom: 1rem; }

/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
  padding: .2rem .5rem;
  margin: 0 .2rem;
  font-size: 90%;
  white-space: nowrap;
  background: #F1F1F1;
  border: 1px solid #E1E1E1;
  border-radius: 4px; }

pre > code {
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre; }

/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
th, td {
  padding: 12px 15px;
  text-align: left; }

th:first-child, td:first-child {
  padding-left: 0; }

th:last-child, td:last-child {
  padding-right: 0; }

/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
button, .button {
  margin-bottom: 1rem; }

input, textarea, select, fieldset {
  margin-bottom: 1.5rem; }

pre, blockquote, form, dl, figure, table, p, ul, ol, form {
  margin-bottom: 2.5rem; }

p {
  margin-top: 0; }

/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width {
  width: 100%;
  box-sizing: border-box; }

.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box; }

.u-pull-right {
  float: right; }

.u-pull-left {
  float: left; }

/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
  margin-top: 3rem;
  margin-bottom: 3.5rem;
  border-width: 0;
  border-top: 1px solid #E1E1E1; }

/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Self Clearing Goodness */
.container:after, .row:after, .u-cf {
  content: "";
  display: table;
  clear: both; }

/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/
/* Larger than mobile */
/* Larger than phablet (also point when grid becomes active) */
/* Larger than tablet */
/* Larger than desktop */
/* Larger than Desktop HD */
/* - Common -------------------------------------- */
#homepage {
  background: url("_img/netrealit-hero-2.jpg") no-repeat 50% 67px; }

#header {
  position: relative;
  padding: 0;
  height: 67px;
  line-height: 67px;
  border-bottom: solid 1px #e0e0e0;
  z-index: 10000000; }
  #header .btn {
    margin: 17px 0 0 20px;
    font-weight: 700;
    line-height: 21px;
    text-transform: none; }
  #header a {
    color: #222;
    text-decoration: none; }
  #header a:hover {
    color: #df0b25; }

#hero {
  height: 700px;
  padding: 100px 0;
  color: #fff; }
  #hero h1 {
    padding-bottom: 2px;
    font: 500 65px Roboto, "Helvetica Neue", helvetica, arial, sans-serif;
    text-align: center;
    text-shadow: 1px 2px 6px rgba(48, 28, 19, 0.5); }
  #hero h2 {
    padding-bottom: 80px;
    font: 400 22px Roboto, "Helvetica Neue", helvetica, arial, sans-serif;
    text-align: center;
    letter-spacing: 0;
    text-shadow: 0 1px 8px #fff;
    color: #222; }

#hero-image {
  position: absolute;
  left: 50%;
  margin-left: -960px; }

#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  margin-top: 20px;
  font-size: 11px;
  color: #6a6a6a; }
  #footer .dark {
    margin-top: 30px;
    padding: 30px 0 15px;
    background-color: #141414; }
  #footer .logo {
    font-size: 18px;
    font-weight: 700;
    color: #df0b25; }
  #footer .row {
    margin: 0 0 30px;
    padding: 0 0 10px;
    border-bottom: solid 1px #202020; }
  #footer h4 {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0;
    color: #ccc; }
  #footer ul {
    margin: 0 0 20px;
    padding: 0;
    line-height: 140%;
    list-style-type: none; }
  #footer a {
    text-decoration: none;
    color: #606060; }
  #footer a:hover {
    text-decoration: underline;
    color: #ccc; }
  #footer p {
    margin: 3px 0 0;
    padding: 0;
    color: #aaa; }

#baskets {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0;
  padding: 20px;
  color: #eee;
  background: #202020;
  border-top: solid 1px #333;
  z-index: 1000;
  overflow: hidden; }
  #baskets h3 {
    font-size: 18px;
    color: #fff; }

#baskets:hover {
  height: 150px; }

.light-box {
  padding: 25px;
  background-color: #eeedec;
  border-radius: 2px;
  overflow: auto; }

.content {
  padding: 0; }
  @media (min-width: 750px) {
    .content {
      padding: 25px; } }

.spaced {
  padding-left: 1%; }

.dark {
  background-color: #202020; }

.rounded {
  border-radius: 3px; }

/* - Modal --------------------------------------- */
#modal {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 100000000; }
  #modal h2, #modal h3 {
    font-size: 35px;
    font-weight: 300;
    color: #222; }

.modal-content {
  position: relative;
  width: 800px;
  max-width: 80%;
  height: 500px;
  margin: 150px auto 0;
  padding: 30px;
  border-radius: 3px;
  background-color: #fff;
  box-shadow: 1px 1px 20px #ccc; }

/* - Jobslist ------------------------------------ */
#list-page {
  position: absolute;
  top: 67px;
  right: 0;
  bottom: 40px;
  left: 35%;
  border-left: solid 1px #fff;
  overflow-x: hidden;
  overflow-y: auto; }
  #list-page .container {
    max-width: 800px;
    min-height: 90%;
    margin: 0 auto 0 0; }
  #list-page h1 {
    font-size: 35px; }

#jobs_list {
  width: 100%;
  min-height: 150px;
  font: 300 105%/150% Roboto, "Helvetica Neue", helvetica, arial, sans-serif; }
  #jobs_list ul {
    display: block;
    clear: both;
    list-style-type: none;
    overflow: auto; }
  #jobs_list li {
    position: relative; }
  #jobs_list li:hover, #jobs_list li.selected {
    background: #f6f6f6; }
  #jobs_list li.fav {
    background: #fff; }
  #jobs_list span {
    display: block; }
  #jobs_list a.layer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: right;
    text-decoration: none; }
  #jobs_list a.layer i {
    display: inline-block;
    padding: 5px;
    font-size: 11px;
    font-style: normal; }
  #jobs_list a.layer .icon-star {
    font-size: 15px;
    color: #ebab00; }
  #jobs_list .tsh {
    height: 30px;
    overflow: hidden; }
  #jobs_list .tsh .text a {
    display: block;
    font-size: 13px;
    font-weight: 300;
    text-decoration: line-through;
    color: #999; }
  #jobs_list .tsh:hover .text a {
    text-decoration: none;
    color: #444; }
  #jobs_list .tsh .image img {
    display: none; }
  #jobs_list .tsh::before {
    display: none !important; }
  #jobs_list .vwd::before {
    position: absolute;
    left: 10px;
    width: 110px;
    height: 20px;
    margin: 3px 0 0 5px;
    font: 16px fontello;
    content: '\e828';
    color: #333;
    z-index: 2;
    text-shadow: 1px 1px 1px #fff; }
  #jobs_list .vwd .layer i::after {
    content: 'Prohlédnuto';
    color: #aaa; }
  #jobs_list .fav .layer i::after {
    content: 'Oblíbený' !important;
    color: #222; }
  #jobs_list .fav .layer i::before {
    margin-right: .2em;
    font: normal 400 15px/1em "fontello";
    content: '\e805';
    color: #ebab00; }
  #jobs_list .tsh .layer i::after {
    content: 'Vyřazený' !important;
    color: #aaa; }

.list-rows {
  padding: 0; }
  .list-rows ul {
    margin: 0;
    padding: 0; }
  .list-rows li {
    clear: both;
    float: left;
    width: 100%;
    padding: 7px;
    border-bottom: solid 1px #e9e9e9; }
  .list-rows li div {
    float: left; }
  .list-rows img {
    width: 100%;
    height: auto;
    max-height: 85px; }
  .list-rows .image {
    position: absolute;
    width: 130px;
    padding: 0 2% 0 0; }
  .list-rows .text {
    width: 75%;
    height: 85px;
    padding-left: 130px;
    color: #777; }
  .list-rows .text a {
    font-weight: 400;
    font-size: 14px;
    line-height: 120%;
    text-decoration: none;
    color: #222; }
  .list-rows .price {
    font-size: 14px;
    font-weight: 300;
    color: #cc0000; }
  .list-rows .icons i {
    float: right;
    display: block; }

/*
* Based on Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/
/* - Reset & Basics (Inspired by E. Meyers) -------------------------------------- */
* {
  box-sizing: border-box; }

html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, img, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tr, th, td, article, aside {
  margin: 0;
  padding: 0;
  border: 0; }

html {
  position: relative;
  width: 100%;
  min-height: 100%; }

body {
  width: 100%;
  margin: 0 0 355px;
  font: 80% Roboto, "Helvetica Neue", helvetica, arial, sans-serif;
  background: #fff;
  color: #222;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  /* Fixes for webkit rendering */ }

table {
  margin-bottom: 20px;
  border-collapse: collapse;
  border-spacing: 0; }

textarea {
  overflow: auto; }

hr {
  border: solid 1px #ebe9e3;
  border-width: 1px 0 0;
  clear: both;
  margin: 0 0 25px;
  height: 0; }

/* - Typography -------------------------------------- */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-weight: inherit; }

h1 {
  font: 300 40px Roboto, "Helvetica Neue", helvetica, arial, sans-serif;
  padding-bottom: 25px;
  letter-spacing: -1px; }

h2 {
  font: 400 25px Roboto, "Helvetica Neue", helvetica, arial, sans-serif;
  padding-bottom: 20px;
  color: #df0b25; }

h3 {
  font: 500 18px Roboto, "Helvetica Neue", helvetica, arial, sans-serif;
  padding-bottom: 15px; }

h4 {
  font-size: 16px;
  padding-bottom: 10px; }

h5 {
  font-size: 14px;
  padding-bottom: 5px; }

h6 {
  font-size: 13px;
  padding-bottom: 5px; }

h1::before {
  position: relative;
  top: -3px;
  padding-right: 16px;
  font-size: 33px;
  vertical-align: middle;
  color: #e0dedc; }

h2.green {
  color: #69a915 !important; }

p {
  padding: 0 0 25px;
  font: 400 100%/140% Roboto, "Helvetica Neue", helvetica, arial, sans-serif; }

ul {
  padding: 0 0 20px 30px; }

a {
  color: #df0b25;
  outline: 0; }

a:hover {
  text-decoration: none;
  color: #000; }

/* - Images ------------------------ */
.scale-with-grid {
  width: 100%;
  height: auto; }

/* - Lists ------------------------- */
.list {
  clear: both;
  width: 100%;
  border-collapse: collapse; }
  .list thead td {
    color: #777;
    border-bottom: solid 1px #eee; }
  .list thead a {
    color: #eee; }
  .list td, .list th {
    padding: 10px 2px; }
  .list img {
    border: solid 1px #aaa; }
  .list input {
    margin-left: 10px; }

.lines tbody td, .lines tbody th {
  border-bottom: solid 1px #e6e6e6; }

/* - Tabs -------------------------- */
.tabs {
  clear: both;
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: auto; }
  .tabs dt {
    position: relative;
    display: inline-block;
    padding: 11px 25px;
    font-size: 120%;
    font-weight: 500;
    color: #888;
    /*background-color: #a8a7a3;*/
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    z-index: 10; }
  .tabs dt.selected {
    top: 0;
    padding: 12px 25px;
    color: #222;
    border-bottom: solid 3px #cc0000;
    /*background-color: $bg_grey;*/ }
  .tabs dd {
    position: relative;
    top: -3px;
    float: left;
    display: none;
    width: 100%;
    margin: 0;
    padding: 0;
    border-top: solid 3px #e1e2e0;
    color: #222;
    background-color: #fff;
    overflow: auto;
    border-radius: 0 3px 3px 3px; }

.tab_content {
  padding: 25px 2px; }

/* - Helpers ----------------------- */
.no-padding {
  padding: 0 !important; }

.no-top {
  padding-top: 0 !important; }

.no-right {
  padding-right: 0 !important; }

.no-bottom {
  padding-bottom: 0 !important; }

.no-left {
  padding-left: 0 !important; }

.gap {
  padding: 20px !important; }

.gap-top {
  padding-top: 20px !important; }

.gap-right {
  padding-right: 20px !important; }

.gap-bottom {
  padding-bottom: 20px !important; }

.gap-bottom-half {
  padding-bottom: 10px !important; }

.gap-left {
  padding-left: 20px !important; }

.right {
  float: right !important; }

.left {
  float: left !important; }

.centered {
  display: block;
  margin-left: auto;
  margin-right: auto; }

table.centered {
  display: table;
  margin-left: auto;
  margin-right: auto;
  text-align: left; }

.t, .top {
  vertical-align: top; }

.middle {
  vertical-align: middle; }

.c, .center, .align-center {
  text-align: center !important; }

.l, .align-left {
  text-align: left !important; }

.r, .align-right {
  text-align: right !important; }

.big {
  font-size: 120%; }

.mini {
  font-size: 85%; }

.full-width {
  width: 100%; }

.half-width {
  width: 50%; }

.w100 {
  width: 100px; }

.w150 {
  width: 150px; }

.w200 {
  width: 200px; }

.w250 {
  width: 250px; }

.w300 {
  width: 300px; }

/* - Scrollbars ----------------------------------- */
::-webkit-scrollbar {
  width: 12px;
  height: 12px; }

::-webkit-scrollbar-button {
  width: 12px;
  height: 5px; }

::-webkit-scrollbar-track {
  background: #f8f8f8;
  border: 1px solid #e0e0e0;
  border-radius: 2px; }

::-webkit-scrollbar-thumb {
  background: #ddd;
  border-radius: 2px; }

::-webkit-scrollbar-thumb:hover {
  background: #aaa; }

form table td {
  padding: 0 0 5px; }

form fieldset .column,
form fieldset .columns {
  padding: 0; }
  form fieldset .column label,
  form fieldset .columns label {
    display: block;
    line-height: 1.4em;
    padding: 8px 0 2px; }
@media (min-width: 550px) {
  form fieldset .column,
  form fieldset .columns {
    padding: 0 1%; }
    form fieldset .column label,
    form fieldset .columns label {
      padding: 0;
      line-height: 2.9em; }
  form fieldset .alpha {
    padding-left: 0; }
  form fieldset .omega {
    padding-right: 0; } }

td.r label {
  margin-right: 10px; }

input, textarea, select {
  margin: 2px 0;
  max-width: 100%;
  padding: 7px;
  font: 105% Roboto, "Helvetica Neue", helvetica, arial, sans-serif;
  border: none;
  border: solid 1px #d8d8d8;
  background-color: #fff;
  border-radius: 3px; }

input:focus, select:focus, textarea:focus {
  border: solid 1px #b0b0b0;
  outline: none !important; }

input[type~="checkbox"], input.chbx,
input[type~="file"], input.file {
  font-size: 100%;
  border: none !important;
  background-color: transparent !important;
  box-shadow: none !important; }

input[readonly], input.readonly {
  color: #888;
  border: none; }

input.big {
  padding: 8px 10px;
  font: 400 14px "Helvetica Neue", helvetica, arial, sans-serif; }

select {
  margin: 3px 0;
  padding: 6px; }

select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000; }

label.req {
  background: transparent; }

label.req:after {
  content: '\0000a0*';
  font-size: 1.2rem;
  color: #cc0000; }

button, .btn {
  display: inline-block;
  margin: 1px 5px 1px 1px;
  padding: 5px 16px;
  font-weight: 400;
  color: #222;
  background-color: #ddddda;
  border: solid 1px transparent;
  text-decoration: none;
  cursor: pointer;
  outline: 0;
  border-radius: 3px; }

button:hover, .btn:hover {
  color: #000;
  background-color: #d5d5d1; }

button:active, .btn:active {
  color: #000;
  background-color: #ddddda; }

button.big, .btn.big {
  padding: 14px 30px;
  font-size: 17px;
  font-weight: 400; }

button.maxi, .btn.maxi {
  padding: 12px 30px 13px;
  font: 400 16px Roboto, "Helvetica Neue", helvetica, arial, sans-serif; }

button.mini, a.mini {
  padding: 2px 5px;
  font-size: 90%;
  font-weight: normal; }

button.primary, .btn.primary {
  color: #fff !important;
  background: #df0b25; }

button.primary:hover, .btn.primary:hover {
  background: #d50b23; }

button.primary:active, .btn.primary:active {
  background: #df0b25; }

.laky {
  color: #222;
  background: transparent;
  border: solid 1px #ddd; }

.laky:hover {
  color: #000;
  border-color: #bbb;
  background: transparent; }

fieldset {
  margin: 0 0 20px;
  padding: 20px 0;
  border-bottom: solid 1px #dfdfdd;
  overflow: hidden;
  border-radius: 3px; }
  fieldset .hr {
    border-bottom: solid 1px #fff; }
  fieldset tr.talign td, fieldset fieldset td.talign {
    padding: 6px 0 2px; }
  fieldset form {
    overflow: auto; }
  fieldset select {
    min-width: 150px; }
  fieldset label {
    color: #000; }

.multibox {
  clear: both;
  display: block;
  width: 200px;
  max-height: 110px;
  margin: 5px 0 20px;
  padding: 6px;
  border: solid 1px #d8d8d8;
  background-color: #fff;
  overflow: auto;
  white-space: nowrap;
  border-radius: 3px; }
  .multibox label {
    display: block;
    margin: 0;
    padding: 1px;
    font-weight: normal;
    color: #333; }

.multibox_hidden {
  clear: both;
  display: block;
  width: 160px;
  white-space: nowrap; }
  .multibox_hidden label {
    display: block;
    text-transform: lowercase; }

.multiselect-container {
  text-align: left; }
  .multiselect-container select {
    height: 26px; }
  .multiselect-container button, .multiselect-container button:hover, .multiselect-container button:active {
    top: 0;
    left: 0;
    width: 100%;
    margin: 1px 0;
    padding: 6px;
    font: 12px Roboto, "Helvetica Neue", helvetica, arial, sans-serif;
    text-align: left;
    border: solid 1px #d8d8d8;
    color: #6a6a6a;
    background: #fff !important;
    cursor: pointer;
    box-shadow: none;
    border-radius: 3px; }
  .multiselect-container button:after {
    content: '\25BC';
    float: right;
    font-size: 9px;
    line-height: 170%;
    color: #6a6a6a; }
  .multiselect-container button.selected, .multiselect-container div.selected {
    border-color: #b0b0b0 !important; }
  .multiselect-container div.multiselect {
    position: absolute;
    max-height: 500px;
    margin: -3px 0 0;
    padding: 5px;
    border: solid 1px #d8d8d8;
    border-top: 0;
    color: #6a6a6a;
    background: #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: auto;
    z-index: 10000;
    box-shadow: 1px 2px 8px #e5e5e5;
    border-radius: 0 0 3px 3px; }
    .multiselect-container div.multiselect .optgroup {
      display: none;
      padding: 4px; }
    .multiselect-container div.multiselect .optgroup label {
      margin-left: 20px;
      color: #444;
      font-size: 90%; }
    .multiselect-container div.multiselect label {
      display: block;
      margin-bottom: 1px;
      padding: 1px;
      border: solid 1px transparent;
      color: #444;
      cursor: pointer;
      border-radius: 3px;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      -o-user-select: none;
      user-select: none; }
    .multiselect-container div.multiselect label:hover {
      background: #e3e2df; }
    .multiselect-container div.multiselect label.selected, .multiselect-container div.multiselect label.selectedAll {
      color: #fff;
      border-bottom: solid 1px #df0b25;
      color: #fff;
      background: #df0b25; }
    .multiselect-container div.multiselect label.selectedPartly {
      border: solid 1px #d0d0d0; }
    .multiselect-container div.multiselect input {
      margin-right: 5px; }

input.w15 {
  width: 120px; }

/* melo by odpovidat input size=15 */
span.w15 {
  width: 145px; }

.hint {
  padding-left: 20px;
  font-size: 11px;
  color: #888; }
  .hint span {
    display: inline-block;
    margin-right: 4px;
    width: 18px;
    height: 14px;
    vertical-align: middle;
    background: url("_img/checks.png") no-repeat transparent -18px 0; }

span.hint_ok {
  background-position: 0 0; }

::-webkit-input-placeholder {
  color: #aaa; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #aaa; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #aaa; }

:-ms-input-placeholder {
  color: #aaa; }

ul.menu li {
  line-height: 160%; }
ul.menu a {
  display: inline-block;
  text-decoration: none; }
ul.menu a:hover {
  text-decoration: underline; }

#menu_ads {
  float: left;
  margin-left: 50px;
  padding: 0;
  list-style-type: none;
  line-height: 100%; }
  #menu_ads li {
    float: left;
    position: relative;
    line-height: 60px;
    margin: 0 15px; }
  #menu_ads em {
    display: block;
    margin: 0;
    padding: 0;
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
    border-top: solid 5px transparent; }
  #menu_ads a {
    display: block;
    margin: 0; }
  #menu_ads ol {
    display: none;
    position: absolute;
    left: 0;
    width: 180px;
    margin: -5px 0 0;
    padding: 10px 0;
    list-style-type: none;
    font-size: 13px;
    color: #222;
    background: #fff;
    border: solid 1px #e0e0e0;
    border-radius: 5px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); }
    #menu_ads ol li {
      float: none;
      margin: 0;
      padding: 0;
      line-height: 100%; }
    #menu_ads ol a {
      display: block;
      padding: 8px 18px;
      color: #444;
      border: 0; }
    #menu_ads ol a:hover {
      border: none;
      background-color: #eeedec; }
  #menu_ads ol:after, #menu_ads ol:before {
    bottom: 100%;
    left: 25px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none; }
  #menu_ads ol:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 8px;
    margin-left: -8px; }
  #menu_ads ol:before {
    border-color: rgba(204, 204, 204, 0);
    border-bottom-color: #ccc;
    border-width: 9px;
    margin-left: -9px; }
  #menu_ads li:hover ol {
    display: block; }

#menu_ads li:hover > em {
  color: #df0b25 !important;
  border-top: solid 5px #df0b25;
  cursor: default; }

#menu_user {
  float: right; }
  #menu_user a {
    margin-right: 20px;
    font-size: 13px;
    text-transform: uppercase; }
  #menu_user a:hover {
    color: #df0b25; }
  #menu_user a strong {
    color: #000; }

#user_panel {
  position: relative;
  float: right;
  width: 250px;
  padding: 0;
  line-height: 66px;
  list-style-type: none; }
  #user_panel li {
    padding-left: 20px; }
  #user_panel li ul {
    display: none;
    position: absolute;
    right: 0;
    width: 250px;
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: left;
    line-height: 55px;
    border-top: solid 1px #444;
    background: url("_img/bg-user-menu.png") transparent;
    color: #eee;
    z-index: 1000;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
    border-radius: 0 0 2px 2px; }
  #user_panel li a {
    text-transform: none; }
  #user_panel li:hover ul {
    display: block; }
  #user_panel ul li {
    padding: 0; }
  #user_panel ul a {
    display: block;
    padding: 0 15px;
    font-size: 13px; }
  #user_panel ul a::before {
    padding-right: 10px;
    font-size: 15px; }
  #user_panel ul a:hover {
    color: #fff !important;
    background: #1b1c1e; }
  #user_panel a {
    margin: 0; }
  #user_panel b {
    padding: 0 15px 0 5px;
    border-right: solid 1px #888; }
  #user_panel .info {
    font-size: 11px;
    padding: 15px 20px;
    line-height: 20px;
    border-top: solid 1px #555;
    color: #ccc; }

#user_panel:hover {
  background: url("_img/bg-user-menu.png") transparent; }
  #user_panel:hover a {
    color: #fff; }

/* - Common ----------------------------------- */
#header #logo {
  float: left;
  padding-top: 23px;
  font: 700 18px Roboto, "Helvetica Neue", helvetica, arial, sans-serif;
  color: #df0b25; }

/* - Home page -------------------------------- */
.subobjects {
  padding-bottom: 0; }
  .subobjects a {
    font-size: 15px; }
  .subobjects a:hover {
    color: #cc0000; }
  .subobjects li {
    margin-bottom: 8px; }
  .subobjects li:hover ul {
    display: block; }
  .subobjects ul {
    position: absolute;
    display: none;
    padding: 0;
    list-style-type: none;
    line-height: 110%;
    color: #555; }
    .subobjects ul li {
      margin-bottom: 1px; }
    .subobjects ul a {
      display: block;
      width: 200px;
      padding: 7px 10px;
      font-size: 13px;
      text-decoration: none;
      background-color: #333;
      color: #fff; }
    .subobjects ul a:hover {
      background-color: #555;
      color: #fff; }

#filter_home {
  width: 800px;
  margin: 0 auto;
  padding: 15px;
  background: url("_img/bg-filter.png") repeat 0 0 transparent;
  border-radius: 5px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); }
  #filter_home .columns {
    position: relative; }
  #filter_home input {
    margin: 2px 0;
    padding: 13px 20px;
    font-size: 18px;
    font-weight: 400;
    line-height: 21px;
    border: none;
    border-radius: 0; }
  #filter_home select {
    float: right;
    width: 50%;
    margin: 2px 0;
    padding: 12px 10px 12px 17px;
    font-size: 18px;
    line-height: 21px;
    border: none;
    border-right: solid 1px #d8d8d8;
    border-radius: 0; }
  #filter_home .first {
    border-radius: 3px 0 0 3px; }
  #filter_home button.primary, #filter_home button.primary:active {
    width: 100%;
    margin: 2px 0;
    padding: 13px 40px;
    font: 500 18px/21px Roboto, "Helvetica Neue", helvetica, arial, sans-serif;
    border: none;
    border-radius: 0 3px 3px 0; }
  #filter_home button::before {
    padding: 0 5px 0 0; }
  #filter_home #radius {
    display: none; }
  #filter_home #regions {
    float: left;
    display: none;
    width: 80%;
    margin: 10px 0 0;
    padding: 0;
    list-style-type: none;
    overflow: auto; }
    #filter_home #regions li {
      float: left;
      width: 190px;
      padding: 4px 20px 4px 0;
      font-size: 15px; }
    #filter_home #regions label {
      font-size: 15px; }

#location_autocomplete {
  width: 100%;
  margin: 0;
  padding: 10px;
  font-size: 15px;
  border-radius: 3px; }

#or {
  position: absolute;
  top: 11px;
  right: 10px;
  width: 45px;
  height: 25px;
  z-index: 100; }

#home-districts {
  display: none;
  width: 100%; }
  #home-districts .multiselect {
    border-color: #e0e0e0;
    box-shadow: none;
    max-height: 200px; }
  #home-districts button {
    margin: 2px 0 0;
    padding: 9px 12px;
    font-size: 17px;
    color: #aaa; }
  #home-districts button:after {
    content: '' !important; }
  #home-districts button.selected, #home-districts div.selected {
    border-color: #e0e0e0 !important; }
  #home-districts label {
    padding: 2px;
    font-size: 13px; }
  #home-districts input {
    margin-right: 5px; }
  #home-districts .optgroup label {
    font-size: 12px; }

.object h1 {
  padding: 0 0 20px;
  font-size: 260%;
  font-weight: 100;
  color: #444; }
.object img {
  margin: 30px 0 15px;
  border: solid 1px #aaa;
  border-radius: 2px; }

/* - Filtry vypisu inzeratu ------------------- */
#filters_list {
  padding: 0 0 20px;
  font-size: 12px;
  border-bottom: solid 1px #e9e9e9;
  overflow: auto;
  z-index: 100; }
  #filters_list h1 {
    float: left; }
  #filters_list h4 {
    padding-bottom: 15px;
    font: 400 120% Roboto, "Helvetica Neue", helvetica, arial, sans-serif;
    color: #222; }

#place_switch {
  position: relative;
  margin-top: -50px; }

#change_location {
  display: none;
  float: left;
  width: 85%; }

#change_filters .row {
  margin-bottom: 10px; }

.location_list {
  display: inline-block;
  width: 70%;
  margin: 0;
  padding: 8px 12px;
  font-size: 16px; }

.txtin input {
  padding-right: 30px;
  text-align: right; }
.txtin i {
  position: relative;
  left: -28px;
  width: 30px;
  font-style: normal;
  color: #888; }

.radius {
  position: relative;
  display: inline;
  width: 80px;
  margin-left: 8px;
  padding: 8px 35px 8px 12px;
  font-size: 16px;
  text-align: right; }

#list-districts {
  float: right;
  width: 250px; }
  #list-districts button {
    padding: 8px 12px;
    font-size: 15px; }

/* - Google Maps ------------------------------ */
#gmap {
  background: url("_img/loading_big.gif") no-repeat 50% 50% #fff; }

#map_view #gmap {
  position: absolute;
  top: 67px;
  right: 0;
  bottom: 0;
  left: 0;
  width: 35%;
  margin: 0; }

#gmap_shadow {
  position: absolute;
  top: 67px;
  left: 35%;
  bottom: 0;
  width: 5px;
  margin-left: -5px;
  background: transparent url("_img/gmap-shadow.png") repeat-y 100% 0;
  z-index: 10; }

#gmap_listing {
  position: absolute;
  top: 72px;
  left: 12%;
  padding: 5px 10px;
  font-size: 12px;
  background: #fff;
  border: solid 1px #bbb;
  border-radius: 2px;
  box-shadow: 1px 1px 1px #ddd;
  z-index: 100; }

/* - Vypisy inzeratu -------------------------- */
.breadcrumbs {
  list-style-type: none;
  padding: 5px 0 30px 3px;
  font-size: 90%; }
  .breadcrumbs li {
    float: left;
    padding-right: 5px;
    color: #999; }
  .breadcrumbs li:after {
    content: '>';
    padding: 0 0 0 5px;
    color: #bbb; }
  .breadcrumbs a {
    text-decoration: none;
    color: #e3e2df; }
  .breadcrumbs a:hover {
    text-decoration: underline;
    color: #222; }
  .breadcrumbs a:after {
    padding: 0 5px;
    color: #555; }
  .breadcrumbs .current a {
    color: #e3e2df;
    text-decoration: none; }
  .breadcrumbs .current:after {
    content: none;
    padding: 0; }

.pager {
  float: none;
  margin: 0 25px;
  padding: 25px 0;
  text-align: center;
  font-size: 115%; }
  .pager a {
    padding: 7px 12px;
    border-right: solid 1px #333;
    color: #ddd;
    background: #222;
    /* Old browsers */
    background: #222 -ms-linear-gradient(top, #333, #111);
    /* IE10+ */
    background: #222 -webkit-linear-gradient(top, #333, #111);
    /* Chrome10+,Safari5.1+ */
    background: #222 -moz-linear-gradient(top, #333, #111);
    /* FF3.6+ */
    background: #222 -o-linear-gradient(top, #333, #111);
    /* Opera11.10+ */
    background: #222 linear-gradient(top, #333, #111);
    /* W3C */
    text-decoration: none; }
  .pager a:hover {
    background: #444;
    color: #fff; }
  .pager a.first {
    border-radius: 3px 0 0 3px; }
  .pager a.last {
    border: none;
    border-radius: 0 3px 3px 0; }
  .pager b {
    padding: 8px 12px;
    font-weight: normal;
    color: #444; }

/* - Detail inzeratu -------------------------- */
#ad_detail {
  display: block;
  position: fixed;
  top: 67px;
  bottom: 0;
  left: 100%;
  right: 0;
  background-color: #fff;
  border-bottom: solid 1px #eee;
  overflow: auto;
  z-index: 11000;
  -webkit-transition: left .3s ease-in-out;
  -moz-transition: left .3s ease-in-out;
  -o-transition: left .3s ease-in-out;
  -ms-transition: left .3s ease-in-out;
  transition: left .3s ease-in-out; }
  #ad_detail h1 {
    padding: 10px 0 5px;
    font: 300 36px Roboto, "Helvetica Neue", helvetica, arial, sans-serif !important; }
  #ad_detail h3 {
    letter-spacing: 0; }
  #ad_detail h3 a {
    text-decoration: none; }
  #ad_detail input, #ad_detail textarea {
    margin: 3px 1px;
    box-shadow: none; }
  #ad_detail .content {
    max-width: 800px; }
  #ad_detail .close {
    width: 35px;
    height: 35px;
    margin: -12px 0 0;
    font: 300 50px/31px Roboto, "Helvetica Neue", helvetica, arial, sans-serif;
    color: #d1d1cd; }
  #ad_detail .close:hover {
    color: #222; }

#ad_detail.rolledIn {
  left: 35%; }

.iconset {
  margin-bottom: 10px; }
  .iconset a {
    padding: 0 12px 0 6px;
    text-decoration: none;
    border-right: solid 1px #ddd;
    color: #555; }
  .iconset a:last-child {
    border-right: 0; }
  .iconset a::before {
    padding-right: 3px;
    color: #d1d1cd;
    text-decoration: none !important; }
  .iconset a:hover {
    color: #111;
    text-decoration: underline; }

.gallery {
  clear: both;
  margin: 10px 0;
  overflow: auto; }
  .gallery ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }
  .gallery li {
    display: block;
    float: left;
    margin: 0 1% 1% 0; }
  .gallery a {
    display: block;
    position: relative; }
  .gallery a i {
    display: none;
    position: absolute;
    right: 3%;
    bottom: 4%;
    width: 30px;
    height: 30px;
    background: url("_img/zoom.png") no-repeat 100% 0 transparent; }
  .gallery a:hover i {
    display: inline; }
  .gallery img {
    display: block;
    max-width: 140px;
    height: 78px; }
  .gallery .expanded {
    padding: 0; }
  .gallery .expanded a:hover i {
    background-position: 0 0; }
  .gallery .expanded img, .gallery .expanded .main img {
    width: 100%;
    max-width: none;
    height: auto;
    margin: 0 0 20px; }
  .gallery .main img {
    max-width: 372px;
    height: auto; }
  .gallery .full img {
    max-width: 100%;
    height: auto; }
  .gallery .full a i {
    display: none; }

.description, #AD_DESCRIPTION {
  font: 300 135%/150% Roboto, "Helvetica Neue", helvetica, arial, sans-serif; }

.params {
  position: relative;
  margin: 0;
  padding: 0 0 20px;
  list-style-type: none;
  font-size: 13px; }
  .params li {
    padding: 5px 0 5px 40%;
    border-bottom: solid 1px #eee; }
  .params li:hover {
    background: #f0efeb; }
  .params .gap-top {
    margin-top: 30px;
    padding-top: 4px !important;
    border-top: solid 1px #eee; }
  .params label, .params b, .params i {
    position: absolute;
    left: 4px;
    font-style: normal; }

.contact {
  margin: 10px 0;
  padding: 25px 0;
  border-top: solid 1px #dfdfdd;
  font-size: 125%;
  font-weight: 300;
  line-height: 150%; }
  .contact form {
    font-size: 90%; }
  .contact input {
    margin: 2px 0; }
  .contact h2 {
    font-size: 160%;
    font-weight: 400;
    color: #cc0000; }
  .contact b {
    font-weight: 500; }
  .contact strong {
    padding-right: 25px;
    font-size: 110%;
    font-weight: 500; }
  .contact textarea {
    margin: 2px 0;
    color: #444; }

#job-view-panel {
  position: relative;
  top: 30px; }
  #job-view-panel a {
    float: left;
    height: 26px;
    padding-left: 30px;
    background-repeat: no-repeat;
    background-position: 10px 50%;
    text-decoration: none; }

#panel-favorite {
  background-image: url("_img/panel-favorite.png"); }

#panel-print {
  background-image: url("_img/panel-print.png"); }

#panel-map {
  background-image: url("_img/panel-map.png"); }

#panel-bin {
  background-image: url("_img/panel-bin.png"); }

#panel-mail {
  background-image: url("_img/panel-mail.png"); }

#form_interest table {
  width: 100%; }

/* - Helpers ------------------------------------- */
.pricelist {
  width: 100%; }
  .pricelist h2 {
    padding: 0 0 5px;
    font-weight: 500;
    color: #111; }
  .pricelist h3 {
    padding: 0 0 5px;
    font-weight: 700; }
  .pricelist p {
    padding: 0; }
  .pricelist td {
    padding: 20px; }
  .pricelist .odd td {
    background: #eeedec; }
  .pricelist .num {
    width: 80px;
    text-align: center;
    color: #fff; }
  .pricelist .num b {
    font-size: 25px; }
  .pricelist .solo .num {
    background-color: #f1c40f; }
  .pricelist .min .num {
    background-color: #eb974e; }
  .pricelist .pro .num {
    background-color: #e84c3d; }
  .pricelist .large .num {
    background-color: #c1372a; }
  .pricelist .indiv .num {
    background-color: #539137; }

.development_list {
  width: 100%; }
  .development_list h2, .development_list h3 {
    padding: 0; }
  .development_list td {
    padding: 20px 0;
    vertical-align: top;
    border-bottom: solid 1px #eee; }
  .development_list p {
    padding: 10px 0;
    font-size: 12px; }
  .development_list a img {
    width: 100%;
    height: 105px;
    padding: 0 25px 0 0; }

/* - Helpers ------------------------------------- */
.del, .close {
  float: right;
  display: block;
  width: 25px;
  height: 25px;
  margin-left: 4px;
  text-align: center;
  text-decoration: none;
  font: 300 30px Roboto, "Helvetica Neue", helvetica, arial, sans-serif;
  color: #ccc;
  cursor: pointer; }

.del:hover, .close:hover {
  color: #000;
  text-decoration: none; }

.del:before, .close:before {
  content: '\00d7'; }

.no-record {
  padding: 30px 0;
  text-align: center;
  font: 100 180% Roboto, "Helvetica Neue", helvetica, arial, sans-serif;
  color: #444 !important; }

.red {
  color: #cc0000; }

.yellow {
  color: #ebab00; }

.grey {
  color: #888; }

.loading {
  min-height: 160px;
  background: url("_img/loading_big.gif") no-repeat transparent 50% 50%;
  overflow: auto; }

/* -- Page structure ---------------------------*/
#main {
  float: left;
  position: relative;
  clear: both;
  width: 655px;
  min-height: 600px;
  height: auto !important;
  height: 600px;
  margin: 0;
  padding: 0 230px 0 0;
  color: #3a3a3a; }

#right {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 185px;
  color: #ddd; }

/* -- Standard HTML elements ------------------- */
p.perex {
  font-size: 110%;
  color: #222; }

sup {
  font-size: 6pt; }

/*
	.tabs {
		float: left;
		clear: both;
		width: 900px;
	}

	.tabs dt {
		float: left;
		height: 38px;
		line-height: 38px;
		margin: 0 3px 0 0;
		padding: 0 16px;
		font-weight: bold;
		font-size: 1em;
		border: none;
		border-radius: 3px 3px 0 0;
		color: #222;
		background-color: #e0e0dd;
		cursor: default;
		z-index: 10;
	}

	.tabs dt.selected { background-color: #f0f0ed; }

	.tabs dd {
		display: none;
		float: right;
		width: 860px;
		margin: 38px 0 0 -100%;
		padding: 20px;
		border-radius: 0 3px 3px 3px;
		background-color: #f0f0ed;
		z-index: 1;
	}
*/
.clickable tr {
  cursor: pointer; }

#paging {
  padding: 40px 0;
  text-align: center;
  font-size: 11pt; }

#paging a {
  margin: 0 2px;
  padding: 2px; }

#paging b {
  margin: 0 1px;
  padding: 1px 4px;
  color: #222;
  border: solid 1px #ccc;
  border-radius: 2px;
  background-color: #eae7db; }

.paging_info {
  line-height: 30px;
  font-size: 8pt;
  text-align: center;
  border-bottom: solid 1px #aaa;
  color: #888; }

/* -- Custom specific classes and elements -----*/
#filters div.filter_others {
  border-right: none !important; }

#filters .filter_others input {
  width: 50px; }

#filters .filter_others label {
  line-height: 31px;
  padding-right: 8px; }

#intro {
  text-align: center;
  margin: 0 0 40px; }

#intro h1 {
  margin: 0;
  padding: 0;
  font: 22pt sans-serif;
  border: none; }

#intro p {
  margin: 0;
  padding: 0; }

.frame-light {
  margin-bottom: 20px;
  padding: 20px;
  border: none;
  border-radius: 5px;
  background-color: #ebebe1;
  overflow: hidden; }

.jstat {
  /* job status for user-admin list */
  height: 22px;
  background: no-repeat transparent 50% 50%; }

.js0 {
  background-image: url("_img/ad-status-0.png"); }

.js1 {
  background-image: url("_img/ad-status-1.png"); }

.js2 {
  background-image: url("_img/ad-status-2.png"); }

.js9 {
  background-image: url("_img/ad-status-9.png"); }

#tabs h2 {
  line-height: 1.1em;
  margin: 0;
  font-weight: normal;
  font-style: normal;
  color: #e0c16d; }

.thumbnail {
  display: inline-block;
  margin-bottom: 5px;
  padding: 3px;
  border: solid 1px #ddd;
  border-radius: 5px;
  text-decoration: none; }

.thumbnail img {
  margin: 0; }

.nophoto {
  text-align: center;
  font-size: 85%;
  color: #fff;
  background-color: #eee;
  border: solid 1px #eee; }

.tmb160 img {
  max-width: 160px;
  max-height: 120px; }

.tmb80 img {
  max-width: 80px;
  max-height: 60px; }

.tmb64 img {
  max-width: 64px;
  max-height: 48px; }

.tmb160 .nophoto {
  width: 160px;
  height: 70px;
  padding-top: 50px; }

.tmb80 .nophoto {
  width: 80px;
  height: 46px;
  padding-top: 14px; }

.tmb64 .nophoto {
  width: 64px;
  height: 48px; }

.tmb160, .tmb80, .tmb64 {
  text-decoration: none; }

.suggest_box {
  position: absolute;
  width: 400px;
  margin: -1px 0 0 2px;
  font-size: 10pt;
  border: solid 1px #444;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
  background-color: #fff;
  overflow: auto;
  display: none;
  z-index: 10; }

.suggest_box div {
  height: 20px;
  line-height: 20px;
  padding: 0 2px;
  color: #222;
  text-decoration: none;
  cursor: pointer; }

.suggest_box div:hover {
  color: #fff;
  background-color: #982424; }

.action_info {
  padding: 80px 0;
  font-size: 12pt;
  text-align: center;
  border-bottom: solid 1px #aaa;
  color: #887e65; }

#url {
  margin: 10px 0;
  padding: 15px 0;
  border-top: solid 1px #aaa;
  border-bottom: solid 1px #aaa; }

.desc {
  clear: both;
  font-size: 1.2em; }

#right a {
  color: #decc97; }

#right .active {
  color: #000;
  background-color: #bc9b4c;
  text-decoration: none;
  border-radius: 2px; }

.autowidth {
  max-width: none !important;
  min-width: 0 !important;
  width: auto; }

.loadingOn {
  display: inline-block;
  width: 50px;
  height: 50px;
  text-align: center;
  background: url("_img/loading_big.gif") no-repeat transparent 50% 50%; }

.loading16 {
  display: inline-block;
  width: 16px;
  height: 16px;
  text-align: center;
  background: url("_img/loading_16.html") no-repeat transparent 50% 50%; }

/* -- Helpers (widely used common elements and properties) -- */
tr.layout {
  visibility: hidden; }

tr.layout td {
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  border: none !important; }

.hr, .line {
  clear: both;
  margin: 0 0 1em;
  padding: 0 0 1em;
  border-bottom: solid 1px #e6e6e6; }

.noborder {
  border: 0 none !important; }

.nomargin {
  margin: 0 !important; }

.nopadding {
  padding: 0 !important; }

img {
  border: none; }

.b {
  font-weight: bold; }

.small {
  font-size: 90%; }

.cleared, .clear, div.hr {
  clear: both; }

.hide {
  display: none; }

/*# sourceMappingURL=common.css.map */