@charset "UTF-8";
/* search page */
@font-face {
  font-family: 'Myriad Pro';
  /*src: url('../../fonts/MyriadPro/MyriadPro.eot') format('truetype') ;*/
  src: local("Myriad-Pro"), url("../../fonts/MyriadPro/Myriad-Pro.ttf") format("truetype");
  /* non-IE */ }
@font-face {
  font-family: 'Myriad Pro Bold';
  /*src: url('../..fonts/Myriad-Pro-Bold.eot');*/
  /* IE */
  src: local("Myriad-Pro-Bold"), url("../../fonts/MyriadPro/Myriad-Pro-Bold.ttf") format("truetype");
  /* non-IE */ }
@font-face {
  font-family: 'Lato Black';
  /*src: url('../..fonts/Lato-Black.eot');*/
  /* IE */
  src: local("Lato-Black"), url("../../fonts/Lato/Lato-Black.ttf") format("truetype");
  /* non-IE */ }
@font-face {
  font-family: 'Lato Regular';
  /*src: url('../..fonts/Lato-Regular.eot');*/
  /* IE */
  src: local("Lato-Regular"), url("../../fonts/Lato/Lato-Regular.ttf") format("truetype");
  /* non-IE */ }
@font-face {
  font-family: 'Lato Light';
  /*src: url('../..fonts/Lato-Light.eot');*/
  /* IE */
  src: local("Lato-Light"), url("../../fonts/Lato/Lato-Light.ttf") format("truetype");
  /* non-IE */ }
@font-face {
  font-family: 'Lato Bold';
  /*src: url('../..fonts/Lato-Bold.eot');*/
  /* IE */
  src: local("Lato-Bold"), url("../../fonts/Lato/Lato-Bold.ttf") format("truetype");
  /* non-IE */ }
/*
* { font-family: Myriad Pro, Lato Black, Lato Regular,  sans-serif; }

b, strong { font-family: Myriad Pro Bold, sans-serif; font-weight: bold; }*/
.no-padding-left {
  padding-left: 0px !important; }

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

.no-padding-lateral, .result .prices, .result .kilometer, .result .qbrand, .result .qcategory, .result .prices .header span, .result .kilometer .header span, .result .qbrand .header span, .result .qcategory .header span, .result .prices .body, .result .kilometer .body, .result .qbrand .body, .result .qcategory .body, .result .prices .body > div, .result .kilometer .body > div, .result .qbrand .body > div, .result .qcategory .body > div, .result .grid, .result .grid > div, .result .grid .elements {
  padding-left: 0px !important;
  padding-right: 0px !important; }

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

body {
  background-color: #000000; }

.vcenter {
  display: inline-block !important;
  vertical-align: middle !important;
  float: none !important; }

a {
  outline: 0 !important; }

html {
  overflow-x: hidden !important; }

.breadcrum {
  font-family: Lato Light;
  font-size: 13px;
  color: #D0D0D0; }
.breadcrum .selected {
  font-family: Lato Bold;
  color: #FFFFFF; }

.btn-filter {
  border: none;
  background-color: #DE4A38;
  padding: 13px 18px 8px 18px;
  border-radius: 0;
  margin-right: 10px;
  color: #fff; }
.btn-filter i {
  font-size: 28px; }

.btn-filter:hover, .btn-filter:active {
  color: #fff !important;
  outline: none; }

.result {
  background: url("../../img/bkc-contenido.png");
  background-repeat: repeat;
  min-height: 500px;
  font-family: Lato Light;
  font-size: 16px;
  font-weight: bold;
  color: #FFFFFF;
  padding-top: 40px; }
.result .filter-title {
  font-size: 14px;
  margin-top: 4px; }
.result input[type='checkbox']:checked + label {
  background-image: url("../../img/icn-checked.png"); }
.result input[type='checkbox'] + label {
  margin: 0;
  clear: none;
  padding: 2px 0 2px 30px;
  /* Left padding makes room for image */
  cursor: pointer;
  background: url("../../img/icn-cuadro.png") left center no-repeat; }
.result input[type='checkbox'] {
  opacity: 0;
  /* Hide the input, but have it still be clickable */
  float: left;
  width: 15px;
  height: 1px !important; }
.result .prices, .result .kilometer, .result .qbrand, .result .qcategory {
  border: #A8A8A8 1px solid;
  background: #464646;
  margin-top: 10px; }
.result .prices .header, .result .kilometer .header, .result .qbrand .header, .result .qcategory .header {
  text-align: center;
  background: url("../../img/bck-cuadro.png") 100% 100%;
  font-family: Lato Bold;
  font-size: 16px;
  padding-top: 10px;
  padding-bottom: 10px; }
.result .prices .header a, .result .kilometer .header a, .result .qbrand .header a, .result .qcategory .header a {
  color: #FFFFFF;
  text-align: left; }
.result .prices .header a:hover, .result .kilometer .header a:hover, .result .qbrand .header a:hover, .result .qcategory .header a:hover {
  cursor: pointer; }
.result .prices .body, .result .kilometer .body, .result .qbrand .body, .result .qcategory .body {
  padding-top: 16px;
  padding-bottom: 16px;
  font-family: Lato Regular;
  font-size: 16px; }
.result .qcategory {
  margin-top: 20px; }
.result .grid {
  font-size: 14px; }
.result .grid .financial img {
  height: 30px; }
.result .grid .order {
  position: relative;
  display: inline-block; }
.result .grid .order span {
  padding-right: 15px; }
.result .grid .order select {
  display: inline-block;
  border: 0;
  padding: 4px 3px 3px 5px;
  margin: 0;
  font: inherit;
  outline: none;
  /* remove focus ring from Webkit */
  line-height: 1.2;
  background: #464646;
  -webkit-appearance: none;
  /* remove the strong OSX influence from Webkit */
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  width: 150px;
  height: 30px; }
.result .grid .order select:hover {
  cursor: pointer; }
.result .grid .order:after {
  content: "▼";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  font-size: 80%;
  line-height: 30px;
  padding: 0 10px;
  background: #000000;
  color: #B72F25;
  pointer-events: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }
.result .grid .order:focus {
  -webkit-box-shadow: 0 0 3px 1px #c00;
  -moz-box-shadow: 0 0 3px 1px #c00;
  box-shadow: 0 0 3px 1px #c00; }
.result .grid .elements {
  background: #000000;
  min-height: 855px;
  margin-top: 10px;
  padding-bottom: 20px; }
.result .grid .pagination {
  padding-top: 30px;
  padding-bottom: 35px;
  text-align: center; }
.result .grid .pagination a {
  font-family: Lato Light;
  font-size: 16px;
  color: #9E9E9E; }
.result .grid .pagination a:hover {
  cursor: pointer;
  text-decoration: none; }
.result .grid .pagination span {
  font-family: Lato Light;
  font-size: 16px;
  color: #FFFFFF;
  padding-bottom: 3px;
  border-bottom: 2pt #D9402F solid; }

/* Lateral Filter Menu Styles */
#wrapper {
  position: relative !important;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }

#wrapper.toggled {
  right: -250px; }

#sidebar-wrapper {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }

#page-content-wrapper {
  width: 100%;
  position: absolute;
  padding: 15px; }

#wrapper.toggled #page-content-wrapper {
  position: absolute;
  margin-right: -250px; }

/* Sidebar Styles */
.sidebar-nav {
  position: absolute;
  top: 0;
  width: 250px;
  margin: 0;
  padding: 0;
  list-style: none; }

.sidebar-nav li {
  text-indent: 20px;
  line-height: 40px; }

.sidebar-nav li a {
  display: block;
  text-decoration: none;
  color: #999999; }

.sidebar-nav li a:hover {
  text-decoration: none;
  color: #fff;
  background: rgba(255, 255, 255, 0.2); }

.sidebar-nav li a:active, .sidebar-nav li a:focus {
  text-decoration: none; }

.sidebar-nav > .sidebar-brand {
  height: 65px;
  font-size: 18px;
  line-height: 60px; }

.sidebar-nav > .sidebar-brand a {
  color: #999999; }

.sidebar-nav > .sidebar-brand a:hover {
  color: #fff;
  background: none; }

@media (max-width: 991px) {
  .financial {
    display: none; } }
@media (max-width: 767px) {
  #sidebar-wrapper {
    background: url("../../img/bkc-contenido.png") repeat;
    z-index: 1000;
    position: absolute;
    top: 0;
    width: 250px;
    height: 100%;
    margin-left: -250px;
    overflow-y: auto;
    padding-top: 16px;
    padding-right: 0;
    left: 0; }

  .result {
    padding-top: 15px; }

  #wrapper {
    right: -250px; }

  #wrapper.toggled {
    right: 0; }

  #wrapper.toggled #page-content-wrapper {
    margin-right: 0; } }
@media (max-width: 499px) {
  .component-car {
    width: 100% !important; } }
@media (min-width: 768px) {
  .breadcrum {
    padding: 20px 0; }

  .btn-filter {
    display: none; }

  #wrapper {
    right: 0; }

  #wrapper.toggled {
    right: 0; }

  #sidebar-wrapper {
    padding-left: 0; }

  #page-content-wrapper {
    padding: 20px;
    position: relative; }

  #wrapper.toggled #page-content-wrapper {
    position: relative;
    margin-right: 0; } }
/* for Webkit's CSS-only solution */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .custom-select select {
    padding-right: 30px; } }

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