/*
***************************
*****  VERSION PC  ********
***************************
*/

 *{
  font-size:14px;
 }
h1,h2,h3,h4,p{
  font-weight:300;
}

  .dadoColor{
    width:32px;
    height:32px;
    float:left;
  }
  .dadoIcono{
    width:24px;
    height:24px;
    margin-left:4px;
    margin-top:4px;

  }
  .dadoIcono1{
    width:28px;
    height:28px;
    margin-left:1px;
    margin-top:1px;

  }
  .textoIcono{
    
    line-height:32px;
    vertical-align:middle;
    font-weight:bold;
   

  }
  .fila{
    
    border: 1px solid #ccc;
    box-sizing: border-box;
    display:inline;
    float:left;

  }
  .bloque{
    
    border: 1px solid #ccc;
    box-sizing: border-box;
  }
  
  .imagen{
    width:100%;
    height:250px;
    max-height:250px;
    
    margin:15px 15px 15px 0px;
    overflow:hidden;
    
  }
  
  
#capa_loading{
    padding-top:15px;
    padding-bottom:15px;

}
#carga{
  margin-top:50px!important;
}
option:not(:checked) { 
    background-color: white; 
    color:rgb(55, 58, 60);
}

.scrollToTop{
  width:44px; 
  height:44px;
  
  text-align:center; 
  
  font-weight: bold;
  color: #444;
  text-decoration: none;
  position:fixed;
  bottom:15px;
  right:15px;
  display:none;
  background-color:#fff;
  background-image: url('../imagenes/up-arrow.png');
  background-size: 44px 44px;
  z-index:9999;
}
.scrollToTop:hover{
  text-decoration:none;
}

.footer
{
  clear: both;    
  background-color: #222;
  position: relative;
  left: 0;
  text-align: center;
  bottom:0px;
  width: 100%;
  color:#fff;
  padding-top:15px;
  padding-left:15px;
  padding-right:15px;
  padding-bottom:30px;
}
/* redes sociales */
.fa-stack-1x {
    color:white;
}
.fa-stack:hover {
    opacity:0.5;
}

.icon-facebook {
   color:#3b5998;
   
}


.icon-twitter {
    color:#00aced;
}

.icon-gplus{
    color:#dd4b39;
}
.icon-contact{
  color:#f18200;
}
.icon-linkedin{
  color:#007bb6;
}
.icon-share{
  color:#66cc99;
}





.ribbon {
  position: absolute;
  left: -5px; top: -5px;
  z-index: 3;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.ribbon span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  width: 100px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#FF0000 0%, #FF0000 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; left: -21px;
}
.ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #FF0000;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #FF0000;
}
.ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #FF0000;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #FF0000;
}


/* estrella en la foto */
.twelve-point-star {

   height: 60px!important;
   width: 60px!important;
   max-width:60px;
   background: red;
   position: absolute;
   bottom:0px;
   margin-top:20px;
   margin-right:20px;
   margin-bottom:35px;
   margin-left:20px;
   
   opacity:0.8;
   
}
.twelve-point-star:before {
   height: 60px!important;
   width: 60px!important;
   max-width:60px;
   color:#fff;
   background: red;
   content:"";
   position: absolute;
   
   
   /* Rotate */
   -moz-transform: rotate(30deg);
   -webkit-transform: rotate(30deg);
   -ms-transform: rotate(30deg);
   -o-transform: rotate(30deg);
   transform: rotate(30deg);
}
.twelve-point-star:after {
   height: 60px!important;
   width: 60px;
   max-width:60px;
   background: red;
   color:#fff;
   content:"";
   position: absolute; 
   
   /* Rotate */
   -moz-transform: rotate(-30deg);
   -webkit-transform: rotate(-30deg);
   -ms-transform: rotate(-30deg);
   -o-transform: rotate(-30deg);
   transform: rotate(-30deg);
}
.etiqueta_urge, .etiqueta_ocasion{
  width:100%;
  font-size:1.1em;
  font-weight:bolder;
  color:#fff;
  position:absolute;
  z-index:10;
  text-align:center;

}
.etiqueta_urge{  
  margin:8px auto 0 auto;  
}
.etiqueta_ocasion{ 
  margin:18px auto 0 auto;  
}
#slider img{
  width:100%;
  height:auto;
  max-height:450px;
  overflow:hidden;
  
 } 
 #carousel img{
  width:100%;
  height:110px;
  max-height:110px;
 } 
 #carouselT img{
  width:100%;
  height:160px;
  max-height:160px;
 } 
.flex-direction-nav a {
  display: block;
  width: 40px;
  height: 60px;
  margin: -30px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  font-weight:normal;
  text-shadow: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #fff;  
  text-align: center;
}
.flex-direction-nav a:before {
  width: 40px;
  height: 40px;    
  color: #FFF;
   
}

.cookiesms{ 
  width:100%;
  height:36px;
  margin:0 auto;
  padding-left:1%;
  padding-top:5px;
  font-size: 1.2em;
  clear:both;
  font-weight: bold;
  color: #333;
  bottom:0px;
  position:fixed;
  left: 0px;
  background-color: #fff;
  border-top:1px solid #ccc;
  z-index:9998;
}

.fotoComercial{
width:100%;
border:1px dotted #c1c1c1;
border-radius:100%;
margin:15px auto ;
display:block;
}
.botonSearch{
  color:#777;
  padding-top:4px;
  cursor:pointer;

}
.estiloCargado{
   color:#ff0000;
   padding-top:4px;
   cursor:pointer;
}

.botonFavoritos{

  color:#ff0000;
  cursor:pointer;
  height:50px;
  display:inline-block;
}
.botonIconMenu{
  padding:7px 0px!important;
  display:inline-block!important;
}



.margenAbajo{
  margin-bottom:15px;
}
.fotoPortada{
background: url('../imagenes/inicio.jpg');
height:550px;
background-size: cover;
background-position:center;

}
.jumboEstilo{
background:transparent;margin-top:95px;color:#fff;
}
.tituloJumbo{
  font-size:1em;
  background:#428BCA;
  margin-top:18px;
  padding:5px 15px 5px 15px;
}
.jumboBorde{
  border:2px solid #fff;
  padding-bottom:15px;
}


/* MAPA */
.map{
  width:100%;
  height:300px;
}

/**** BANNERS **/
.bannerNosotros, .bannerNoticias, .bannerFinancia, .bannerContacto, .bannerUno, .bannerFavoritos{
  margin-top:50px;
  width:100%;
  height:200px;  
  background-repeat:no-repeat;
  background-position:center center;
}

.bannerNosotros{
  background-image:url('../imagenes/banner_nosotros.jpg');
}
.bannerNoticias{
  background-image:url('../imagenes/banner_noticias.jpg');
}
.bannerFinancia{
  background-image:url('../imagenes/banner_financia.jpg');
}
.bannerContacto{
  background-image:url('../imagenes/banner_contacto.jpg');
}
.bannerUno{
  background-image:url('../imagenes/banner_oferta.jpg');
}
.bannerFavoritos{
  background-image:url('../imagenes/banner_favoritos.jpg');
}
.divBannerNosotros, .divBannerNoticias, .divBannerFinancia, .divBannerContacto, .divBannerUno, .divBannerFavoritos{
margin:0 auto;display:block;vertical-align:middle;color:#fff;
}
.textoBannerNosotros, .textoBannerNoticias, .textoBannerFinancia, .textoBannerContacto, .textoBannerUno, .textoBannerFavoritos{
text-align:center;display:block;line-height:150px;color:#fff;
}

/* estilos pagina nosotros */

.imgJoseNosotros{
  width:200px;border:1px solid #c1c1c1;border-radius:100%;float:left;margin:15px 15px 15px 0;
}
.imgComNosotros{
  max-width:35%;border:1px dotted #c1c1c1;border-radius:50%;float:left;margin:15px 15px 10px 0;
}
h1.precio{
margin-top:4px;padding-top:0;
text-align:center;color:#fff;font-weight:bolder;font-size:5em;background-color:#ff0000;
}
.margenBlando{
margin:-15px!important;
}

/* css corazones favoritos cuidado no quitar el stylo en linea de los divs de corazones */
.corazon, .corazon2{
  
cursor:pointer!important;
position:absolute!important;
background: transparent!important;
width:36px!important;
right:0px!important;
top:0px!important;
padding-top:20px!important; 
padding-right:65px!important;
text-align:right;
}
.corazon{  
  
  z-index:1!important;
  
}
.corazon2{  

  z-index:2!important;
  
}
.etiquetaPrecio{
  position:absolute;z-index:2;margin:23px 0px 0px 7px;background: transparent;width:120px;
}
.divEtiquetaPrecio{
  float:left;width:120px;
}
.textoEtiquetaPrecio{
  color:#fff;padding-top:0.1em;text-align:center;opacity:1;font-size:1.5em;font-weight:500;
}
.cajaEtiquetaP{
position:absolute;z-index:2;margin:23px 0px 0px 7px;background: transparent;width:120px;
}
.divCajaEtiquetaP{
  float:left;width:120px;background:#4c4c4b;opacity:0.8;
}
.textoVacioEtiquetaP{
  padding-left:0.4em;padding-right:0.4em;padding-bottom:0.30em;padding-top:0.4em;text-align:center;
}

/*
***********************************
*****  VERSION MOVIL PORTRAIT *****
***********************************
*/
@media (max-width:767px) {
  .fotoComercial{
    width:90px!important;
    height:90px!important;
  }
  /* medias para la pagina oferta uno */
  h2.titulo{
  font-size:1.5em!important;
  }
  h3.termino{
    font-size:1.2em!important;
    line-height:0.7em;
  }
  h1.precio{
    font-size:3em;
  }
  .margenBlando{
    margin:0px!important;
  }


  #carga{
    margin-top:35px;
  }
  .container{
    padding-right:0;
    padding-left:0;
  }
  #capa_loading{
    padding-top:80px;
    margin-bottom:-50px;
  }
  .imagen div{     
  margin-left:0px;
  margin-right:0px;
  width: 100%!important;
  
 

 }
 .cajaPic{
  padding-left:0px!important;
  padding-right:0px!important;
  padding-top:0px!important;
 }
 .imagen{
  margin:0px;
 }
 .dadoColor{
    width:28px;
    height:28px;
    float:left;
  }
  .dadoIcono{
    width:20px;
    height:20px;
    margin-left:4px;
    margin-top:4px;

  }
  .dadoIcono1{
    width:26px;
    height:26px;
    margin-left:0px;
    margin-top:0px;

  }
  
  .textoIcono{
    font-size:13px;
    line-height:28px;
    vertical-align:middle;
    font-weight:300;   

  }

  .navbar-collapse.in {
    overflow-y: auto;
  }
  .cookiesms{ 
    width:100%;
    height:100px;
    margin:0 auto;
    padding-left:3%;
    padding-top:5px;
    padding-bottom:5px;
    font-size: 0.8em;
    clear:both;
    font-weight: bold;
    color: #333;
    bottom:0px;
    position:fixed;
    left: 0px;
    background-color: #fff;
    border-top:1px solid #ccc;
  z-index:9998;
  }
  /* autocomplete en version movil necesita en z-index para que se vea*/
  .ui-autocomplete{
    z-index:2000!important;
  }

  /* imagen de jose en version movil */
  .imgJoseNosotros{
  width:50%;
  }

  #areatexto{
  min-height:80px;
 }
 .map{
  width:100%;
  height:250px!important;
  
  }
  .corazon, .corazon2{
  
cursor:pointer!important;
position:absolute!important;
background: transparent!important;
width:36px!important;
right:18px!important;
top:0px!important;
padding-top:10px!important; 
padding-right:0px!important;
text-align:right;

}

.etiquetaPrecio{
  margin:10px 0px 0px -1px;
}
.cajaEtiquetaP{
margin:10px 0px 0px -1px;
}

.twelve-point-star {
  left:18px;
}
.bloque{
  margin-top:0px!important;
}
 .fila, .item{
  margin-top:0px!important;
}

.scrollToTop{
  width:44px; 
  height:44px;
  
  text-align:center; 
  
  font-weight: bold;
  color: #444;
  text-decoration: none;
  position:fixed;
  bottom:15px;
  right:15px;
  display:none;
  background-color:#fff;
  background-image: url('../imagenes/up-arrow.png');
  background-size: 44px 44px;
  z-index:9999;
}



}
/*
*********************************************
********  VERSION MOVIL LANDSCAPE  **********
*********************************************
*/

@media only screen and (max-device-width: 736px)  and (orientation: landscape) {


  .fotoComercial{
    width:50%;
    border:1px dotted #c1c1c1;
    border-radius:100%;
    margin:15px auto ;
    display:block;
  }

}
   

/*  BOTONES ESTILOS Y DEMAS */

/* ****************************************************
   *****************  OUTLINES  ***********************
   ****************************************************

*/


.btn.outline {
    background: none;
    padding: 8px 16px;
    text-shadow:none;
}


/* azul */
.btn-primary.outline {
    border: 2px solid #4fc1e9;
    color: #4fc1e9;
}
.btn-primary.outline:hover, .btn-primary.outline:focus, .btn-primary.outline:active, .btn-primary.outline.active, .open > .dropdown-toggle.btn-primary {
    color: #fff;
    border-color: #4fc1e9;
    background: #4fc1e9;
}
.btn-primary.outline:active, .btn-primary.outline.active {
    border-color: #4fc1e9;
    color: #4fc1e9;
    box-shadow: none;
}

/* blancoazul */
.btn-default.outline {
    border: 2px solid #fff;
    color: #fff;
    
}
.btn-default.outline:hover, .btn-default.outline:focus, .btn-default.outline:active, .btn-default.outline.active, .open > .dropdown-toggle.btn-default {
    color: #fff;
    border-color: #4fc1e9;
    background: #4fc1e9;
}
.btn-default.outline:active, .btn-default.outline.active {
    border-color: #fff;
    color: #fff;
    box-shadow: none;
}



/* verde */
.btn-success.outline {
    border: 2px solid #48cfad;
    color: #48cfad;
}
.btn-success.outline:hover, .btn-success.outline:focus, .btn-success.outline:active, .btn-success.outline.active, .open > .dropdown-toggle.btn-success {
    color: #fff;
    border-color: #1abc9c;
    background: #1abc9c;
}
.btn-success.outline:active, .btn-success.outline.active {
    border-color: #48cfad;
    color: #48cfad;
    box-shadow: none;
}

/* rojo */


.btn-danger.outline {
    border: 2px solid #ED5565;
    color: #ED5565;
}
.btn-danger.outline:hover, .btn-danger.outline:focus, .btn-danger.outline:active, .btn-danger.outline.active, .open > .dropdown-toggle.btn-danger {
    color: #fff;
    border-color: #ED5565;
    background: #ED5565;
}
.btn-danger.outline:active, .btn-danger.outline.active {
    border-color: #ED5565;
    color: #ED5565;
    box-shadow: none;
}

/* amarillo */

.btn-warning.outline {
    border: 2px solid #f39c12;
    color: #f39c12;
}
.btn-warning.outline:hover, .btn-warning.outline:focus, .btn-warning.outline:active, .btn-warning.outline.active, .open > .dropdown-toggle.btn-warning {
    color: #fff;
    border-color: #f39c12;
    background: #f39c12;
}
.btn-warning.outline:active, .btn-warning.outline.active {
    border-color: #f39c12;
    color: #f39c12;
    box-shadow: none;
}

/* violet */

.btn-violet.outline {
    border: 2px solid #9b59b6;
    color: #9b59b6;
}
.btn-violet.outline:hover, .btn-violet.outline:focus, .btn-violet.outline:active, .btn-violet.outline.active, .open > .dropdown-toggle.btn-violet {
    color: #fff;
    border-color: #8e44ad;
    background: #8e44ad;
}
.btn-violet.outline:active, .btn-violet.outline.active {
    border-color: #9b59b6;
    color: #9b59b6;
    box-shadow: none;
}

/* deepblue */

.btn-deepblue.outline {
    border: 2px solid #34495e;
    color: #34495e;
}
.btn-deepblue.outline:hover, .btn-deepblue.outline:focus, .btn-deepblue.outline:active, .btn-deepblue.outline.active, .open > .dropdown-toggle.btn-deepblue {
    color: #fff;
    border-color: #2c3e50;
    background: #2c3e50;
}
.btn-deepblue.outline:active, .btn-deepblue.outline.active {
    border-color: #34495e;
    color: #34495e;
    box-shadow: none;
}



/* ****************************************************
   *****************  FLAT BTN  ***********************
   ****************************************************

*/


.btn {
    /*padding: 14px 24px;*/
    border: 0 none;
   
    /*letter-spacing: 1px;*/
    /*text-transform: uppercase;*/
}
 
.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: 0 none;
}

/* azul */

 
.btn-primary2 {
    background: #4fc1e9;
    color: #ffffff;
}
 
.btn-primary2:hover, .btn-primary2:focus, .btn-primary2:active, .btn-primary2.active, .open > .dropdown-toggle.btn-primary2 {
    background: #33a6cc;
    color: #ffffff;
}
 
.btn-primary2:active, .btn-primary2.active {
    background: #007299;
    box-shadow: none;
}

/* verde */


 
.btn-success2 {
    background: #66cc99;
    color: #ffffff;
}
 
.btn-success2:hover, .btn-success2:focus, .btn-success2:active, .btn-success2.active, .open > .dropdown-toggle.btn-success2 {
    background: #16a085;
    color: #ffffff;
}
 
.btn-success2:active, .btn-success2.active {
    background: #66cc99;
    box-shadow: none;
}

/* amarillo */

.btn-warning2 {
    background: #f39c12;
    color: #ffffff;
}
 
.btn-warning2:hover, .btn-warning2:focus, .btn-warning2:active, .btn-warning2.active, .open > .dropdown-toggle.btn-warning2 {
    background: #e67e22;
    color: #ffffff;
}
 
.btn-warning2:active, .btn-warning2.active {
    background: #e67e22;
    box-shadow: none;
    color: #ffffff;
}
/*rojo*/
.btn-danger2 {
    background: #d64541;
    color: #ffffff;
}
 
.btn-danger2:hover, .btn-danger2:focus, .btn-danger2:active, .btn-danger2.active, .open > .dropdown-toggle.btn-danger2 {
    background: #c0392b;
    color: #ffffff;
}
 
.btn-danger2:active, .btn-danger2.active {
    background: #d64541;
    box-shadow: none;
    color: #ffffff;
}

/* captaciones */

 
.btn-violeta {
    background: #9b59b6;
    color: #ffffff;
}
 
.btn-violeta:hover, .btn-violeta:focus, .btn-violeta:active, .btn-violeta.active, .open > .dropdown-toggle.btn-violeta {
    background: #8e44ad;
    color: #ffffff;
}
 
.btn-violeta:active, .btn-violeta.active {
    background: #8e44ad;
    
}
/* deep blue */

.btn-deepblue{
    background:#34495e;
    color: #ffffff;
}
.btn-deepblue:hover, .btn-deepblue:focus, .btn-deepblue:active, .btn-deepblue.active, .open > .dropdown-toggle.btn-deepblue {
    color: #ffffff;
    
    background: #426B93;
}
.btn-deepblue:active, .btn-deepblue.active {
    background: #34495e;
    color: #ffffff;
    
}






/* snipet para que no corte un submenu por defecto bootstrap tiene un max height de 350px. No ponerlo muy alto ya que puede dar problemas de no poder ver los botones de buscar*/
 .navbar-fixed-top .navbar-collapse{
        max-height:400px!important;
  }

.checkbox-custom, .radio-custom {
opacity: 0;
position: absolute;   
}

.checkbox-custom, .checkbox-custom-label, .radio-custom, .radio-custom-label {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;
}

.checkbox-custom-label, .radio-custom-label {
    position: relative;
}

.checkbox-custom + .checkbox-custom-label:before, .radio-custom + .radio-custom-label:before {
    content: '';
    background: #fff;
    border: 1px solid #ddd;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 0px;
    margin-right: 6px;
    text-align: center;
}

.checkbox-custom:checked + .checkbox-custom-label:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    background: #337ab7;
    color: #fff;
}

.radio-custom + .radio-custom-label:before {
    border-radius: 50%;
}

.radio-custom:checked + .radio-custom-label:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    color: #bbb;
}

.checkbox-custom:focus + .checkbox-custom-label, .radio-custom:focus + .radio-custom-label {
  outline: 1px solid #ddd; /* focus style */
}
.barraTitulo{
  margin-top:0px;
  margin-bottom:15px
}
.pie{
  margin-top:50px;
}
.pie, .pie2{
  position: relative;  
  text-align: left;
  font-weight:300;
  width: 100%;
  height:auto;
  padding:0px;
   color:#f3f3f3;

 

}
.pie{  
  background-color: #222;  
  min-height:250px;
 
}
.pie2{   
  background-color: #000;
  min-height:70px;
  text-align: center;
}
.pie li{
  list-style-type: square;

}
.pie li a{
  color:#f3f3f3;

}

.parafPie2{  
  font-family: 'Raleway' sans-serif; 
  font-size:12px;
  width:100%;
}