/* General */
body
{
    font-family:'Roboto Condensed';
    overflow-x: hidden;
}

p 
{
  font-size:16px;
  font-weight:300;
  line-height:28px;
  text-align:justify;
}
.center
{
  float:none;
  margin:auto;
}
input,textarea,button
{
    outline:none;
}
.right
{
    float:right;
}
a,a:hover
{
    color:inherit;
    text-decoration:none;
}
/* Fin General */
/* Header */
.navbar-nav > li > a
{
  padding:0;
  background-color:transparent!important;
}
header
{
    margin-bottom:20px;
}
.FondoRojo .col-md-5
{
    margin: -6px 0;
}
header .carro
{
    width:30%;
    float:right;
    background-color:#4d4d4d;
    color:white;
    height:50px;
    padding:15px;
}
header .carro img
{
    margin-right:10px;
}
header form.buscador input
{
    width:80%;
    border:none;
    padding:5px 10px;
    height:50px;
}
header form.buscador button
{
    background-color:white;
    border:none;
    height:50px;
    float:right;
    width:20%;
    background-image:url(../img/icoBuscar.png);
    background-position:center;
    background-repeat:no-repeat;
}
header form.buscador
{
    width:70%;
    float:left;
}
header .FondoRojo
{
    background-color:#b50404;
    padding:20px 0;
}
header .BotonContacto
{
    background-color:#4d4d4d;
    color:white;
    float:right;
    padding:10px 30px
}
header .BotonContacto span
{
    font-weight:bold;
    margin-left:10px;
}
.BarraSup
{
    background-color:#DEDEDE;
}
.BarraSup nav ul
{
    margin-bottom:0;
}
.BarraSup nav ul li
{
    display:inline-table;
    padding:10px 18px
}
.BarraSup nav ul li a:hover,.BarraSup nav ul li a.marcado
{
    color:#b50404;
    font-weight:bold;
}
.BarraSup nav ul li a 
{
    font-size:15px;
    color: #4d4d4d;
}
header .telefono
{
  color:white;
  font-size:25px;
  padding:10px 0;
  text-align:right;
}
header .telefono span
{
  position:relative;
  top:3px;
  margin-right:10px;
}
/* Fin Header */
/* Box izq */
.BoxTitulo
{
    font-size:20px;
    font-weight:bold;
    color:white;
    padding:15px 20px;
    width:100%;
    position:relative;
    margin-bottom: 30px;
}
.BoxTitulo.GrisClaro
{
    background-color:#c4c4c4;
}
.LateralIzq .BoxTitulo.GrisOscuro
{
  margin-bottom:0;
}
.BoxTitulo.GrisOscuro
{
    background-color:#4d4d4d;
}
.LateralIzq .panel-default
{
    border:none;
}
.LateralIzq .panel-headingNiv2
{
    font-size:17px;
    color: #4d4d4d;
}
.LateralIzq .panel-headingNiv3
{
    color:#757575;
}
.LateralIzq .panel-body
{
    padding:10px 15px;
}
.LateralIzq .panel 
{
    border-radius:0;
    box-shadow:none;
    border-bottom:1px solid #e2e2e2;
    margin-bottom: 0;
    padding: 10px 0;
}
.BoxTitulo.GrisClaro:after
{
    content:'';
    background-image:url(../img/flechaHoverGris.png);
    width: 30px;
    height: 15px;
    position:absolute;
    bottom: -12px;
    left: 20px;
    z-index: 1;
    background-size: 30px;
}
.LateralIzq .ProductosOferta li
{
    background-color:#ececec;
    margin: 5px 0;
}
.LateralIzq .ProductosOferta .col-md-4 img 
{
    margin:5px;
}
.LateralIzq .ProductosOferta h4
{
    color:#666666;
    font-size:15px;
    font-weight:bold;
    margin-bottom:3px;
}
.LateralIzq .ProductosOferta span
{
    color:#b50404;
    font-weight:bold;
    font-size:17px;
    display:block;
}
.LateralIzq .ProductosOferta b 
{
    font-size:13px;
    color:#b50404;
}
.LateralIzq .ProductosOferta b img
{
    height:15px;
    margin-top:-1px;
    margin-left:5px;
}
.LateralIzq .ProductosOferta .col-md-4
{
    padding-left:0px;
    padding-right:0px;
}
/* Fin box izq */
/* Inicio */
#myCarousel{height: 316px;position:relative;}
.carousel-inner{/* height:100%; */}
#myCarousel .item img.sliderImg,#myCarousel .item.active img.sliderImg{width: 50%!important;height:100%;float: right;}
.carousel-inner > .item{width:100%;height:100%;}
#VistaProducto .carousel-inner > .item
{
  height:initial;
}
#VistaProducto .carousel-inner
{
  margin-bottom:5px;
}
.cont-ext{width:100%;height:100%;display:table;}
.cont-int{display:table-cell;vertical-align:middle;}
.captionSlider{position:absolute;width:100%;top:0;left:0;height:100%;}
.captionSlider p 
{
    font-size:17px;
    font-weight:300;
    padding:15px 0;
}
.captionSlider a 
{
    font-weight:bold;
    color:#b50404;
    font-size:17px;
}
.captionSlider a img 
{
    height:22px;
    margin-left:10px;
    margin-top:-3px;
}
.captionSlider img 
{
    width:initial!important;
}
.captionSlider h2
{
    margin-bottom:0;
    color:#4d4d4d;
    font-size:45px;
}
.carousel-control
{
    background-image:none!important;
}
.carousel-indicators li
{
    border:2px solid #b50404;
    width: 15px;
    height: 15px;
}
.carousel-indicators .active
{
    width:15px;
    height:15px;
    background-color:#b50404;
    border:2px solid #b50404;
}
#CategoriasInicio li
{
    float:left;
    margin-right: 2%;
    background-size: cover;
    background-position: center;
    min-height: 200px;
    color: white;
    background-position-y: 25px;
}
#CategoriasInicio li:nth-child(3)
{
    margin-right:0;
}
#CategoriasInicio li:nth-child(7)
{
    margin-right:0;
}
#CategoriasInicio li:nth-child(4),#CategoriasInicio li:nth-child(5),#CategoriasInicio li:nth-child(6),#CategoriasInicio li:nth-child(7)
{
    width:23.5%;
    margin-right:

}
#CategoriasInicio li:nth-child(1),#CategoriasInicio li:nth-child(2),#CategoriasInicio li:nth-child(3)
{
    width: 32%;
    height: 250px;
}
#CategoriasInicio .Titulo h2
{
    font-size: 21px;
    margin-top: 0;
    margin-bottom: 0;
}
#CategoriasInicio .Titulo
{
    position:relative;
    background-color:#b50404;
    padding: 15px 20px;
    transition:0.5s;
}
#CategoriasInicio span
{
    display:block;
    font-weight:300;
    font-size:14px;
}
#CategoriasInicio .Titulo:after
{
    content:'';
    background-image:url(../img/flechaHover.png);
    width:30px;
    height:15px;
    position:absolute;
    bottom:-13px;
    background-size:100%;
}
#CategoriasInicio .Titulo:hover .Subcategorias
{
    display:block;  
    opacity:1;
}
#CategoriasInicio .Subcategorias
{
    display:none;
    transition:0.5s;
    opacity:0;
    margin-top:10px;
}
#CategoriasInicio li:nth-child(4) h2,#CategoriasInicio li:nth-child(5) h2,#CategoriasInicio li:nth-child(6) h2,#CategoriasInicio li:nth-child(7) h2
{
    font-size:16px;
}
#CategoriasInicio li:nth-child(4) span,#CategoriasInicio li:nth-child(5) span,#CategoriasInicio li:nth-child(6) span,#CategoriasInicio li:nth-child(7) span
{
    font-size:13px;
}
#ProductosDestacados
{
    margin-top:40px;
}
ul.Productos h2
{
    font-size: 19px;
    color:#4d4d4d;
}
ul.Productos .Img
{
    height:200px;
    background-size:cover;
    background-position:center;
}
ul.Productos .Precio span
{display: initial;color: white;}
ul.Productos .Precio
{
    background-color:#b50404;
    color:white;
    font-size:22px;
    padding:5px 15px;
    width:70%;
    position:relative;
}
ul.Productos li 
{
    min-height: 400px;
    margin-bottom: 50px;
}
ul.Productos .Precio:after
{
    content:'';
    width:20px;
    height: 40px;
    position:absolute;
    right: -20px;
    background-image:url(../img/flechaRoja2.png);
    background-position:-23px;
    top: 0;
}
ul.Productos span
{
    font-size:15px;
    position:relative;
    color:#4d4d4d;
    display:block;
    margin-top:20px;
}
ul.Productos span:after
{
    content:'';
    width:11px;
    height:19px;
    position:absolute;
    background-image:url(../img/masDetalles.png);
    margin-left:10px;
}
#Marcas .owl-item
{
    margin:0 10px;
}

/* Fin Inicio */
/* Footer */
footer
{
    background-color:#4D4D4D;
    color:#adadad;
    padding:50px 0;
    margin-top: 30px;
}
footer .iconosContacto img
{
    margin-right:10px;
}
footer .iconosContacto span
{
    display:block;
    margin-bottom:17px;
    margin-top:5px;
    margin-left:20px;
    padding-left:20px;
    font-size:16px;
}
footer ul li 
{
    font-size:17px;
    margin-bottom:10px;
}
/* Fin Footer */
/* Productos */

#VistaProducto h1
{
    font-size:31px;
    color:#4d4d4d;
}
#VistaProducto .precio
{
    font-size:25px;
    margin-bottom:10px;
}
#VistaProducto .precio b 
{
    font-weight:bold;
    color:#b50404;
}
#VistaProducto .especificacion
{
    font-size:18px;
}
#VistaProducto .SubirAlCarro
{
    margin-top:20px;
}
#VistaProducto .SubirAlCarro span
{
    font-size:20px;
    display:block;
    margin-bottom:10px;
}
#VistaProducto .anadirCarro
{
  margin:20px 0;
}
#VistaProducto .anadirCarro b 
{
  font-size:16px;
  font-weight:500;
  margin-right:20px;
}
#VistaProducto .anadirCarro button
{
  background-color: #4d4d4d;
  border:none;
  color:white;
  /* font-weight:bold; */
  padding:6px 25px;
  text-transform: uppercase;
}
#VistaProducto .rrss
{
  margin-top:20px;
  padding-top:20px;
  border-top:1px solid #d8d8d8;
}
#VistaProducto .anadirCarro input
{
  width: 60px;
  text-align:center;
  background-color: #F2F2F2;
  border: 1px solid #d2d2d2;
  padding: 5px;
}
#VistaProducto .descripcion{/* padding:0 15px; */margin-top:30px;clear:both;background-color: #F2F2F2;border: 1px solid #c4c4c4;}
#VistaProducto .descripcion .nav-tabs{/* padding:15px; */background: #C4C4C4;/* border-left:10px solid #0099C9; */border-radius:0;border-bottom:0;}
#VistaProducto .descripcion .nav-tabs li.active{
    background-color: #4d4d4d;
}
#VistaProducto .descripcion .nav-tabs li{float:none;padding: 15px 53px;display:inline-block;vertical-align:middle;color:#555;}
#VistaProducto .descripcion .nav-tabs li:last-child:after{content:""}
#VistaProducto .descripcion .nav-tabs li a{padding:0;border:0;/* text-transform:uppercase; *//* font-weight:700; */font-size:18px;display:inline-block;vertical-align:middle;color: white;background-color: transparent!important;}
#VistaProducto .descripcion .nav-tabs > li.active > a,.descripcion .nav-tabs > li.active > a:hover,.descripcion .nav-tabs > li.active > a:focus{border:0;color: white;background:none;}
#VistaProducto .descripcion .tab-content{padding: 20px 15px;}
#VistaProducto .descripcion .tab-content ul{margin-top:30px}
#VistaProducto .descripcion .tab-content ul li{margin-bottom:10px;border-bottom:1px solid #ccc;padding-bottom:10px}
#VistaProducto .descripcion .tab-content ul li:last-child{margin-bottom:0;padding-bottom:0;border:none}
.paginacion{margin-top:30px;display: block;clear: both;}

.paginacion li{display:inline-block;margin-left:10px}

.paginacion li a{color:#333;transition:all .3s ease;background-color: #c4c4c4;color: white;padding: 5px 10px;}

.paginacion li a:hover{color:#FF7F00;text-decoration:none}
.paginacion span:after
{
  display:none;
}

/* Fin Productos */
/* CHECKOUT */
.checkout{background:#F5F5F5;border-top:1px solid #ccc;}
.checkout .titulo{margin-bottom:30px;}
.checkout .titulo h1{font-size:25px;color:#5f5f5f;text-transform:uppercase;}

.checkout_table{background:#fff;margin:0;}
.checkout_table tr th{font-size: 14px;/* font-weight:600; */padding:10px 15px !important;border:1px solid #ddd;color: black;}
.checkout_table tr td{padding:15px !important;border:1px solid #ddd;}
.checkout_table img{max-width:100px;padding:10px;border:1px solid #ccc;}
.checkout_table h3{font-size:14px;}
.checkout_table input{width:70px;border:1px solid #ccc;padding:10px;margin:0 auto;display:block;}
.checkout_table a{color:#333;}
.total{padding:15px;background:#fff;border:1px solid #ddd;margin-top:-1px;text-align:right;margin-bottom:30px;}
.total p{color:#000;font-weight:600;text-transform:uppercase;font-size:20px}
.total span{margin-left:30px;color: #b50404;}
.continuar{font-size:13px;color:#333;}
.continuar span{color: #b50404;}
.checkoutForm{margin-top:30px;}
#pedidoFinal .lineaform{margin-bottom:10px;}
#pedidoFinal .lineaform:last-of-type{margin-bottom:0}
#pedidoFinal input, #pedidoFinal textarea{width:100%;padding:10px 15px;border:1px solid #ccc;background:#fff;line-height:normal;font-size:13px;transition:all .3s ease;}
#pedidoFinal textarea{resize:none;height:120px;}
#pedidoFinal input[type="submit"]{width:auto;background: #b50404;color:#fff;margin:0 auto;text-transform:uppercase;border:none;}
#pedidoFinal input:focus, #pedidoFinal textarea:focus{border-color:#b50404;}

/* FIN CHECKOUT */
/* CONTACTO */
#seccionContacto h2,#seccionNosotros h2,#seccionStaff h2,#seccionCategoria h2 {
    font-size: 45px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 60px;
}
#seccionContacto h3
{
  /* font-weight:bold; */
  font-size: 32px;
  color:#3b3b3b;
  margin-bottom:20px;
}
#seccionContacto .boxDer h3
{
  text-align:center;
}
#seccionContacto .boxDer p
{
  text-align:center;
  font-size: 18px;
} 
#seccionContacto p 
{
  /* font-size:14px; */
  color:#676767;
  line-height: 22px;
}
#seccionContacto .boxIzq img
{
  margin-right:20px;
  margin-bottom:20px;
}
#seccionContacto .boxIzq span
{
  font-weight:bold;
  font-size:19px;
  color:#3b3b3b;
  margin-bottom:10px;
  display:block;
}
#seccionContacto .boxIzq
{
  border-right:1px solid #D8D8D8;
}
#seccionContacto .boxIzq h3
{
  margin-bottom:60px;
}
#seccionContacto .boxIzq ul li 
{
  display:block;
  clear: both;
  margin-bottom: 30px;
}
#seccionContacto form
{
  width:80%;
  margin:auto;
  margin-top: 30px;
}
#seccionContacto form input,#seccionContacto form textarea,#seccionContacto form select
{
  background-color: white;
  border: 2px solid #c4c4c4;
  /* border-radius:4px; */
  padding:10px;
  /* font-style:italic; */
  font-size: 15px;
  margin-bottom:10px;
  width:100%;
}
#seccionContacto form textarea
{
  height:120px;
}
#seccionContacto form button
{
  border:none;
  background-color: #b50404;
  color:white;
  /* font-weight:bold; */
  float:Right;
  padding:10px 100px;
  /* border-radius:6px; */
  font-size: 17px;
}
/* FIN CONTACTO */
/* CARRO */
.carro_abierto b,.carro_abierto span {
    color: white;
    display: block;
    font-weight: normal;
    font-size: 17px;
}
.carro_abierto span 
{
    font-weight:initial;
    margin-top:5px;
}

.carro p{padding:10px;border:1px solid #ccc;box-sizing:border-box;font-size:12px}

.carro .icon_cont{height:100%;text-align:center;background:#363636;color:#fff;cursor:pointer;transition:all .3s ease;}

.carro .icon_cont:hover{background: #01A451}

.carro_abierto{position: absolute;width: 350px;right: 15px;padding: 15px;background: #4d4d4d;top: 50px;border-bottom: 10px solid #4d4d4d;box-shadow: 0 3px 10px rgba(0,0,0,.2);display:none;z-index: 3;color: white;}

.carro_abierto.open{display:block;}

.carro_abierto h6{font-size: 26px;text-align: center;padding-bottom:10px;margin-bottom:15px;/* border-bottom:1px solid #ccc; */color: white;font-weight:600;text-transform: uppercase;}

.carro_abierto ul li h5{font-size:12px;text-transform:uppercase;margin-bottom:10px;}

.carro_abierto ul li p{color:#01A451;}

.carro_abierto ul li{margin-bottom:15px;padding: 0;}

.carro_abierto .total{border: none;padding-top:15px;text-transform:uppercase;margin-bottom: 15px;font-weight: bold;background: transparent;border-top: 1px solid #6f6f6f;font-size: 19px;}

.carro_abierto .botonConfirmar{padding: 8px 15px;width: 100%;background: #b50404;color:#fff;text-transform:uppercase;display:inline-block;font-weight: bold;font-size: 14px;}
.carro_abierto img
{
  /* border:1px solid #E9E9E9; */
}
.carro_abierto span 
{
  font-size:13px;
}
.navProductos
{
  margin-bottom:40px;
}
.navProductos span 
{
  margin-right:10px;
  position:Relative;
  top:5px;
}
/* FIN CARRO */
/* Responsive */
@media (max-width: 768px) {
 .navbar-toggle {
      background: #b50404;
      margin-top: 0px;
    }
    .navbar-toggle span {
      background: #fff;
    }
    .sub-header nav {
      margin-top: 0;
    }
    header nav ul li {
      display: block !important;
      text-align: center;
      padding: 5px;
      float: none!important;
      padding: 10px!important;
      margin: 0;
    }
    nav ul {
        background-color: rgb(181, 4, 4);
        color: white;
        /* min-width: 300px; */
        float: none!important;
        display: block;
        width: 100%;
    }
    nav ul li a
    {
        color:white;
        border-bottom: 1px solid rgba(255, 255, 255, 0.15);
        background-color: rgb(181, 4, 4)!important;
        border-radius: 0;
    }
    header nav ul li.activo, header nav ul li:hover
    {
      background: #2dacd5!important;
      border-top: none;
      color: #09365f;
    }
    .FondoRojo .col-md-5
    {
      margin:0;
    }
    header form.buscador input,header form.buscador button,header .carro
    {
      height:30px;
      padding: 8px;
      text-align: center;
    }
    header .carro img
    {
      height: 15px;
      margin-right: 0;
    }
    header .carro span
    {
      display:none;
    }

    .carro_abierto
    {
      width: 100%;
    }
    p 
    {
      font-size:14px;
    }
    #CategoriasInicio
    {
      display:none;
    }
    #myCarousel .item img.sliderImg, #myCarousel .item.active img.sliderImg
    {
      width: 100%!important;
      height: initial;
    }
    #myCarousel
    {
      height: initial;
      margin-top: 50px;
    }
    .captionSlider
    {
      position: relative;
    }
    .cont-ext
    {
      height: initial;
    }
    .captionSlider h2
    {
      font-size: 30px;
    }
    .captionSlider p
    {
      font-size:14px;
    }
    .LateralIzq .BoxTitulo.GrisClaro
    {
      display:none;
    }
    .LateralIzq ul.ProductosOferta
    {
      display:none;
    }
    #VistaProducto .descripcion .nav-tabs li
    {
      width:100%;
      text-align:center;
    }
    .BarraSup nav ul li a 
    {
        font-size:15px;
        color: white;
    }
    .leftres
    {
      float:left!important;
    }
    header .telefono
    {
      font-size:15px;
      margin-top:-10px;
    }
}
/* Fin Responsive */