@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?51pkd8');
  src:  url('../fonts/icomoon.eot?51pkd8#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?51pkd8') format('truetype'),
    url('../fonts/icomoon.woff?51pkd8') format('woff'),
    url('../fonts/icomoon.svg?51pkd8#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-propiedades:before {
  content: "\e900";
}
.icon-vehiculos:before {
  content: "\e901";
}
.icon-venta-directa:before {
  content: "\e902";
}
.icon-chevron-down:before {
  content: "\e908";
}
.icon-twitter:before {
  content: "\e903";
}
.icon-facebook:before {
  content: "\e907";
}
.icon-mail:before {
  content: "\e904";
}
.icon-mobile:before {
  content: "\e905";
}
.icon-home:before {
  content: "\e906";
}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/**

azul oscuro = #3a4271
azul menos oscuro :D = #465295;
**/

.no-padding{padding: 0;}
.no-margin{margin: 0;}
h2{font-size: 20px;}
h3{padding: 5px 0px;border-bottom: solid 1px #ccc;margin: 10px 20px;}
.btn-remates{background-image: none;background-color: #d15135;border-radius: 0px;color: #fff;text-shadow: none;border-color: #d15135}

/** header **/
header{height: 50px;}
.navbar-default{background-image: none;background-color: #3a4271;border-radius:0px;box-shadow: none;border-bottom: none;}
.navbar-brand{height: auto}
.navbar-header .navbar-brand{padding: 6px;width: 100px;}
.navbar-header .navbar-brand img{width: 100%;}

.btn-social{width: 30px;height: 30px;display: inline-block;text-align: center;text-decoration: none;color: #fff;font-size: 20px;line-height: 30px;border:solid 1px transparent;}
.btn-facebook{background-color: #3b5998;}
.btn-facebook:hover{color: #3b5998;background-color: transparent;border-color: #3b5998;text-decoration: none;}
.btn-twitter{background-color: #1DA1FA;}
.btn-twitter:hover{color: #1DA1FA;background-color: transparent;border-color: #1DA1FA;text-decoration: none;}


/** Home **/
.carousel-inner>.item>img, .carousel-inner>.item>a>img{width: 100%;}
.carousel-caption {top: 0px;bottom: initial;padding: 0;}
#bloque-cuenta{padding: 70px 0px;}
.bg-martillo{padding: 60px 20px;background-color: #3a4271;min-height: 280px;background-image: url(../img/bg-martillo.png);background-repeat: no-repeat;background-position: center right;}
.bg-martillo h4{font-size: 20px;color: #fff;margin: 0px;}
.bg-martillo .center{max-width: 300px;margin: 0 auto;}
p.big{font-size: 70px;margin: 5px 0px;line-height: 70px;color: #dcd7d7}
.counter{margin-top: 5px;}
.counter span{color: #dcd7d7;padding: 15px 12px 15px 0px;border-right: solid 1px #dcd7d7;float: left;}
#getting-started {font-size: 35px;color: #7080e1;float: left;margin-left: 20px;line-height: 35px;}
#bloque-cuenta ul{list-style: none;margin:0;padding: 0;text-align: center;float: left;}
#bloque-cuenta ul li{color: #7080e1;width: 65px;display: inline-block;}

.bg-plomo{min-height: 280px;background-color: #eaecec;background-image: url(../img/bg-vendetuauto.png);background-size: cover;background-position: center;padding: 60px 50px;}
.bg-plomo h4{color: #3a4271;max-width: 150px;font-size: 20px;line-height: 25px;font-weight: 200;}
.btn-remates{background-image: none;background-color: #6db7ee;border-color: #6db7ee;border-radius: 3px;box-shadow: none;text-shadow: none;padding: 8px 15px;}
.bg-plomo .btn{margin-top: 20px;}

#bloque-productos img{width: 100%;}
.marco-iframe{position: relative;}
.marco-iframe img{visibility: hidden;}
.marco-iframe iframe{position: absolute;top:0;left: 0;right: 0;bottom: 0;height: 100%;width: 100%;}

#bloque-online{position: fixed;top:70px;width: 320px;height: auto;background-color: #fff;z-index: 20;padding: 50px;right: 0;-webkit-transform: translate3d(100%, 0, 0);-moz-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
#bloque-online.open{position: absolute;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.61);}
#bloque-online .form-control{border-radius: 0px;}
#bloque-online h4{color: #d15135}
#bloque-online a.btn-link{color: #d15135}
.logo-online{margin: 10px 0px;}

.btn-online{background-color: #464955;border-bottom: solid 2px #6db7ee;padding: 15px;font-weight: bold;color: #6db7ee;transform: rotate(-90deg);position: absolute;left: -115px;top: 70px;}
.btn-online:hover,.open .btn-online{text-decoration: none;background-color: #6db7ee}
.btn-online span,.btn-online i{color: #fff;}
.btn-close{position: absolute;top: 20px;right: 20px;font-family: sans-serif;text-transform: uppercase;color: #fff;background: #d15135;padding: 5px 10px;}

/** Autos **/
.bg-autos{background-color: #f8f8f8;padding: 20px 0px;}
.ficha{width: 100%;padding-top: 100%;background-size: cover;background-position: center;background-repeat: no-repeat;position: relative;display: block;margin-bottom: 30px;}
.ficha .titulo-auto{position: absolute;bottom: 20px;background-color: #fff;color: #29108f;padding: 10px 20px;font-size: 14px;}

/** Modal **/

#modal-auto .modal-body{padding: 15px 5px;}
#modal-auto .modal-body iframe{width: 100%;min-height: 400px;border:none;}
#modal-auto .modal-header{border-bottom:none;background-image: url(../img/bg-formulario.png);background-size: cover;background-position: center;}
#modal-auto .modal-header h4{color: #8193fc}
#modal-auto .modal-header p{color: #fff}
#modal-auto .modal-footer{border-top: none;}
#modal-auto iframe .btn-bloque{background-color: red;}

#modal-detalle .modal-header,#modal-detalle .modal-footer{padding: 0px;min-height: initial;border-bottom: none;}
#modal-detalle .close{position: absolute;right: 0;top: 0;background: #000;opacity: 1;color: #fff;width: 40px;height: 40px;z-index: 10;}

#modal-detalle .image-auto{width: 100%;padding-top: 100%;background-size: cover;background-position: center;background-repeat: no-repeat;position: relative}
#carousel-detalle {margin-bottom: -1px;}
#modal-detalle .detalle{margin-top:40px}

/** footer **/
footer{background-image: url(../img/bg-footer.png);background-size: cover;background-position: center;min-height: 200px; margin-top: 50px;}
.logo-footer{width: 160px;margin: 20px auto;display: block;}
.menu-footer{list-style: none;padding: 0;margin: 20px 0px;text-align: center;}
.menu-footer li{display: inline-block;}
.menu-footer li a{color: #fff;display: block;padding: 10px 20px;position: relative;}
.menu-footer li a:after{content: "|";position: absolute;right: 0;top:9px;text-decoration: none;}
.menu-footer li:last-child a:after{content: none;}
footer i {color: #f05030;border: solid 1px #f05030;font-size: 25px;width: 50px;height: 50px;display: inline-block;text-align: center;line-height: 50px !important;border-radius: 50%;float: left;}
footer p {padding-left: 60px;color: #fff;}
footer p a{color: #fff;}
footer p a:hover{color: #fff;}
.vc{padding-top: 14px;}



@media (min-width: 768px){
	h2{font-size: 30px;}
	header{height: 160px;position: fixed;width: 100%;z-index: 5;top:0;}
	.navbar-default{background-color: #fff;}
	.navbar-nav>li>a{padding: 15px 5px;}
	.navbar-form{padding: 0px;}

	.carousel-caption {top: 50px;bottom: initial;padding: 0;}

	.menu-secundario{background-color: #3a4271;margin-top: 50px;min-height: 100px;}
	#botones-principales{list-style: none;margin: 0;margin-top: 48px;padding: 0;}
	#botones-principales li{float: left;margin-left: 5px;}
	#botones-principales li a{min-width: 145px;padding: 15px 10px;color: #fff;border-bottom: solid 2px #fff;background-color: #465295;display: inline-block;}
	#botones-principales li a:hover{text-decoration: none;}
	#botones-principales li a i{font-size: 30px;vertical-align: middle;margin-right: 10px;color: #f05030}


	#home-carousel{margin-top: 160px;}

	#bloque-online{top:170px;width: 700px;}
	#bloque-online.open{position: fixed;}

  /** modal **/

  #modal-detalle .modal-body{padding-left: 0px;padding-bottom: 0px;padding-top: 0px;}
  /** autos **/
  section{margin-top: 160px;}
  section h4{color: #3e5199;text-align: center;margin: 0px; font-size: 20px;}
  section .title{position: relative;padding: 35px 0px;}
  section .title:after{content: "";border-top:solid 1px #f05030;width: 300px;left: 50%;margin-left: -150px;bottom: 0px;position: absolute;}
}
@media (min-width: 992px){
	.navbar-nav>li>a{padding: 15px 10px;}
	.navbar-form{min-width: 300px;padding: 0px 15px;}

	.carousel-caption{top: 100px;transform: scale(1.4);}

}