/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body { padding-bottom: 40px; color: #5a5a5a; }
select {cursor:pointer; }
h1 { margin-top:10px; }
img, #map-container {  border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  height: auto; max-width: 100%; }
#map-container { height: 400px;  }
#BtnLlamada { margin:20px; }
.header-underline {border-bottom:3px solid; font-style:italic; }
footer { background-color:#2c442c; margin:20px 0px 20px 0px; padding:0px 0px 10px 0px; color:#CCCCCC; }

#BarraCookies { display:none; position:fixed; left:0px; right:0px; bottom:0px; width:100%; text-align:center;  opacity: 0.8; padding:10px 5px 10px 5px; background-color:#363a45; color:#ffffff; z-index:99999; font-family:Arial, Helvetica, sans-serif; font-size:12px;  border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; }
.CookiesA {padding:4px;color:#ffffff;text-decoration:underline;} .CookiesA:hover { color:#ffffff; }

 a.Poblaciones{ color:#006600; }
 a.Poblaciones:hover { text-decoration:none; }
 
 a.Ciudades { font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#000000; line-height:normal; }
a.Ciudades:hover { text-decoration:none; }

#TituBloque { margin-top:20px; padding:5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; background-color:#383838; font-weight:bold; margin-bottom:10px;  border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }

/* Noticias (No Automáticas) */
.MiniFotoNoticia { margin:0px 5px 0px 0px; float:left;}
.MiniTituNoticia { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#000000; font-weight:bold;  }
.MiniEncabezadoNoticia { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#666666; font-weight:normal;  }
#MiniMarcoNoticia { border-style:solid; border-width:1px; border-color:#dcdcda; padding:3px; margin-bottom:10px; text-align:justify; height:130px; overflow:hidden; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  }
#MiniMarcoNoticia a { text-decoration:none; }
#MiniMarcoNoticia:hover { background-color:#efefef; }
.FotoGaleriaNoticia { float:left; margin:5px 5px 0px 0px; }
.EncabezadoNoticia { font-family:Arial, Helvetica, sans-serif; font-size:18px; }
.TextoNoticia { font-family:Arial, Helvetica, sans-serif; font-size:16px; }


/* Redes sociales */
.BtnSocialFacebook, .BtnSocialFacebookOff, .BtnSocialTwitter, .BtnSocialTwitterOff, .BtnSocialGoogle, .BtnSocialGoogleOff, .BtnSocialLinkedin, .BtnSocialLinkedinOff, .BtnSocialYoutube, .BtnSocialYoutubeOff, .BtnSocialVimeo, .BtnSocialVimeoOff, .BtnSocialFlickr, .BtnSocialFlickrOff, .BtnSocialPinterest, .BtnSocialPinterestOff, .BtnSocialInstagram, .BtnSocialInstagramOff, .BtnSocialSkype, .BtnSocialSkypeOff  { margin:0px 4px 4px 0px; float:left; background-image:url(/img/RedesSociales.png); width:57px; height:57px;  background-repeat:no-repeat; }
.BtnSocialFacebookOff, .BtnSocialTwitterOff, .BtnSocialGoogleOff, .BtnSocialLinkedinOff, .BtnSocialYoutubeOff, .BtnSocialVimeoOff,  .BtnSocialFlickrOff, .BtnSocialPinterestOff, .BtnSocialInstagramOff, .BtnSocialSkypeOff  {  filter:alpha(opacity=30); opacity: 0.3; }
.BtnSocialFacebook, .BtnSocialFacebookOff { background-position: 0px 0px;  } 
.BtnSocialTwitter, .BtnSocialTwitterOff { background-position: -57px 0px; }
.BtnSocialGoogle, .BtnSocialGoogleOff { background-position: -114px 0px; }
.BtnSocialLinkedin, .BtnSocialLinkedinOff { background-position: -171px 0px; }
.BtnSocialYoutube, .BtnSocialYoutubeOff { background-position: -228px 0px; }
.BtnSocialVimeo, .BtnSocialVimeoOff { background-position: -285px 0px; }
.BtnSocialFlickr, .BtnSocialFlickrOff { background-position: -342px 0px; }
.BtnSocialPinterest, .BtnSocialPinterestOff { background-position: -399px 0px; }
.BtnSocialInstagram, .BtnSocialInstagramOff { background-position: -456px 0px; }
.BtnSocialSkype, .BtnSocialSkypeOff { background-position: -513px 0px; }

/* FACEBOOK Responsive */
.fb-like-box, .fb-like-box span, .fb-like-box.fb_iframe_widget span iframe { width: 100% !important; }


/* MENU SUPERIOR CARRITO */
#MenuSuperior { background-color:#eeeeee; margin-bottom:10px; height:46px; padding:2px; font-size:16px; }
.BtnHome, .BtnBuscar, .BtnMiCarrito { background-image:url(/img/BotonesMenuSuperior.png); width:42px; height:39px; border-width:0px; background-repeat:no-repeat; }
.BtnHome { background-position:0px 0px; margin:3px 0px 0px 3px; float:left; } 
#Buscador { float:left; }
.BtnBuscar { background-position:-42px 1px; margin:3px 0px 0px 3px; float:left; } 
.BtnMiCarrito { background-position:-84px 0px; margin:3px 3px 0px 3px; float:right; } 
.FormBuscador { float:left; margin:5px 0px 0px 5px; }
#MiCarrito { float:right; }
.MiCarrito { font-size:14px; font-weight:bold; text-decoration:underline; color:#990000; }
.MiCarrito:hover { color:#009933; }

/* FICHA */
.FotoProducto { max-height:400px; margin-bottom:10px; }
.FotoProducto:hover {  box-shadow:0px 0px 5px #888888; }
.TfnoProducto { font-size:30px; font-weight:900; color:#bf231a; }
.BreveDesc {  font-size:18px;  }
.Referencia { font-size:15px; color:#999999; }
#FotoProductoAdicional { width:80px; height:80px; float:left; margin-right:3px; margin-top:3px;  background:no-repeat;  border:solid 1px #d5d5d5;  background-size:contain; background-position:center; background-color:#ffffff; }
#NotaProducto { background-color:#fff788; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; padding:5px; text-align:left; border-width:1px; border-color:#d2c625; border-style:solid;  border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
.PrecioProductoFicha { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:18px; color:#990000; font-size:24px;}
.PrecioRebajadoFicha { font-size:14px; color:#000000; text-decoration:line-through;  font-weight:bold; }
.PorcentajeDtoFicha { background-color:#990000; color:#FFFFFF; font-size:14px; padding:0px 3px 0px 3px; margin-left:5px; float:right; font-weight:bold; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
select.CantidadProductosFicha {  font-size: 17px; color: #676767;  width: 100px; margin:10px 0px 20px 0px;  cursor:pointer; }
select.AtributosProducto {  font-size: 17px; color: #676767;  max-width: 250px; margin:10px 0px 20px 0px;  cursor:pointer; }
a.BtnVerCarritoFicha {  display:none; margin:20px 0px 20px 0px; padding:5px 15px 5px 15px; font-size:16px; color:#FFFFFF; background-color:#990000; font-weight:bold; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;  }
a.BtnVerCarritoFicha:hover { background-color:#000000; color:#FFFFFF; }
#TituDescripcionProducto { padding:5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; color:#000000; background-color:#eeeeee; font-weight:bold; margin:20px 0px 10px 0px;  border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#TituOtrosProductos { padding:5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; color:#FFFFFF; background-color:#990000; font-weight:bold; margin:20px 0px 10px 0px;  border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}


/* MICROFICHA */
.col-lg-6.Microficha { padding:5px 5px 5px 0px; border-bottom:solid 1px #e9e9e9 ; margin-bottom:10px;  border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.col-lg-6.Microficha:hover { background-color:#efefef; cursor:pointer; }
#FotoProductoMicroFicha { width:180px; height:180px; float:left; margin-right:5px; cursor:pointer; background:no-repeat;  border:solid 1px #d5d5d5;  background-size:contain; background-position:center; background-color:#ffffff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#InfoMicroFicha { height:140px; overflow:hidden; }
.DescuentoMicroFicha { background-color:#990000; color:#FFFFFF; font-size:14px; padding:3px; float:right; margin:3px 3px 0px 0px; font-weight:bold; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.TituProductoMicroFicha { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-decoration:none; color:#000000; }
.BreveDescripMicroFicha { font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; color:#666666;}
.PrecioMicroFicha { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:18px; color:#990000;}
.PrecioRebajadoMicroFicha { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000000; text-decoration:line-through;  margin-left:5px; }
.PorcentajeDtoMicroFicha { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; color:#5f8f00;}
.InfoImpuestosMicroFicha { color:#999999; font-size:10px; }

/* BLOQUE: INFORMACION */
a.BloqInfo { color:#000000; text-decoration:none; font-size:18px }
a.BloqInfo:hover { text-decoration:underline; }

/* CATEGORIAS */
.MenuCategorias, .MenuCategorias ul li  { list-style-type: none; padding:0px; font-family:Arial, Helvetica, sans-serif; line-height:20px; margin:0px; }
.MenuCategorias ul { margin:0px; padding:0px; }
.MenuCategorias a { text-decoration:none; color:#000000; }
.MenuCategorias a:hover { text-decoration:underline;}
.N1 { background-image:url('/img/N1.png'); background-repeat:no-repeat; background-position:0px 6px; padding-left:10px; font-size:14px;  }
.N2 { background-image:url('/img/N2.png'); background-repeat:no-repeat; background-position:5px 6px; font-size:13px; font-weight:normal; }
.N3 {background-image:url('/img/N3.png'); background-repeat:no-repeat; background-position:5px 6px; font-size:12px;  font-weight:normal;}
.MenuCategorias ul .N2 {padding-left:15px; }
.MenuCategorias ul .N3 {padding-left:15px;}

.N1 a { color:#383838; font-weight:bold; }
.N2 a { color:#000000; font-weight:normal;}
.N3 a { color:#686868; font-weight:normal;}
.MenuCategorias {  display:block; }
/* Para categorías plegadas */
ul .Despliegue  { display:none; } 
.BtnCat { width: 14px; height: 14px; background:url(/img/MasMenos.png) no-repeat; float:left;  position:relative; left:-2px; top:3px; background-position: 0px 0px; }


/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}
.navbar-wrapper .navbar .container {
  width: auto;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height:500px;
  margin-bottom: 60px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 500px;
  background-color: #777;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  width:100%;
  height:auto;

}




/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 20px;
  text-align: center;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-right: 10px;
  margin-left: 10px;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}


	

/* RESPONSIVE CSS
-------------------------------------------------- */
@media (min-width: 500px) {   #BtnLlamada { display:none;  } #BtnWhatsapp { display:none;  } }
@media (min-width: 768px) {

  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
  }
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
  


  
}


@media (max-width: 768px) {
 #Logo {   padding-top:0px;  }
 .CajaBusqueda { max-width:100px; }
 .TextoNoticia { font-size:18px; }
 .N1 { font-size:16px;  }
.N2 { font-size:15px;}
.N3 { font-size:13px;}
 #TituBloque { font-size:16px;}
 
 
}

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 0px;
  }
  
}