@import url('https://fonts.googleapis.com/css2?family=Open+Sans');
@font-face {
  font-family: 'Akzident';
  src: url('/fonts/Akzidenz.eot');
  src: url('/fonts/Akzidenz.eot?#iefix') format('embedded-opentype'), url('/fonts/Akzidenz.woff2') format('woff2'), url('/fonts/Akzidenz.woff') format('woff'), url('/fonts/Akzidenz.ttf') format('truetype'), url('/fonts/Akzidenz.svg#glyphicons_halflingsregular') format('svg');
}
html{font-family: 'Open Sans', 'Akzident', verdana;}
body{font-family: 'Open Sans', 'Akzident', verdana;}
h1 a{text-indent: -1000em; background: 0px 20px url(/img/logo.svg) no-repeat; display: block; height: 65px; width: 100%;background-size: 100% auto;}
h2{color: #ae181f;font-size: 25px;}
a { color: #000000;}
a:hover { color: #ae181f;text-decoration: none;}
textarea{width: 100%;}
#menu-principal{ max-width: 1140px; margin-top: 205px; width: 100%; text-align: center; z-index: 100; background: white;border-top: 2px solid black;
  border-bottom: 2px solid; padding: 5px;}
.zona-usuario{text-align:right;margin-top:25px;right: 24px;}
.zona-usuario p{ margin:0;}
.zona-usuario .carrito{ margin-top: -15px;}
.zona-usuario a img{  opacity: 0.3; }
.zona-usuario #seleccionado { width: 280px; background-color: black; float: right; height: 70px; margin-left: 10px;text-align: left;padding: 3px 5px}
.zona-usuario #seleccionado .presentacion {color: white; font-size: 12px;}
.zona-usuario #seleccionado .cuenta a{ color: white }
.zona-usuario #seleccionado .cuenta a:hover{ color: #ae181f; }
.zona-usuario #seleccionado .cuenta a i{ font-size: 20px; vertical-align: middle;color:white;}
.zona-usuario #seleccionado .enlace {text-align: right;}
.zona-usuario #seleccionado .enlace a {font-size: 15px; color: white;}
.zona-usuario #seleccionado .enlace a:hover{ color: #ae181f; }
.zona-usuario #botones-app button { width:42px; }
nav ul { text-align: center; margin: auto;}
nav ul li { display: inline; margin: 0 10px;}
nav ul li.actual a{ color: #ae181f;}
.menu-general ul { margin: 0; padding: 0; }
.menu-general li { display: block; background-color: black; margin-top: 5px; padding: 8px; }
.menu-general li a { color: white; }
h3{font-size:20px;}
header{ position: fixed; top: 0; background: white; z-index: 1000; max-width: 1140px; width: 100%;}
#cuerpo{ margin-top: 200px;}
#cuerpo.autenticacion{ margin-top: 100px;}
#cuerpo.autenticacion .certificacion{ margin-top: 15px;}
#cuerpo.autenticacion .certificacion img{ width: 100%; }
input.form-control{line-height:1.2;font-size:18px;display:block;width:100%;background:#EEE;height:46px;padding: 0 20px 0 30px;}
select{padding:10px;border: 1px solid black; width: 45%; margin-left: 5px;}
button.btn-primary{height: 46px;width: 100%;font-size: 18px;background-color: black;}
.articulo {min-height:250px;margin-top: 5px;padding: 2px;}
.articulo .imagenlistado{display:block;text-align:center;margin:auto;border: 1px solid #ccc; border-radius: 5px;padding: 2px 2px 4px;min-height: 40px;}
.articulo .imagenlistado span.precio { position: absolute; right: 11px; color: white; background-color: black; padding: 2px; top: 10px; font-size: 12px; }
.articulo .imagenlistado img{max-height: 190px;vertical-align: top;}
.articulo.seleccionado .imagenlistado {border-color: #ae181f;}
.articulo.seleccionado .imagenlistado img{background-color: #ae181f;}
.articulo .seleccion { margin-top: -2px !important;border: 2px solid;text-align:center;margin:auto;}
.articulo .seleccion a { margin: 3px 0; padding: 5px;width: 90%;display: block;font-size: 14px; margin: auto; overflow: hidden;}
.articulo .seleccion p.anadir select { font-size: 12px;border: 2px solid #888;padding: 3px;width: 50px;}
.articulo .seleccion p.anadir button { color: white; background-color: #888; border-radius: 11px; font-size: 12px; border: 0;}
.articulo .seleccion p.anadir button:hover { background-color: #ae181f; }
.articulo .seleccion span.sel { display: none; }
.articulo .seleccion span.nosel { display: inline; }
.articulo.seleccionado .seleccion {border-color: #ae181f;}
.articulo.seleccionado .seleccion span.sel { display: inline; }
.articulo.seleccionado .seleccion span.nosel { display: none; }
.page-link{ color: #000000;}
.page-link:hover{ color: #ae181f;}
.pagination { margin-top: 10px;}
.opcion_intranet { background-color: #000;color: #FFF;width: 100%;display: block;height: 160px;text-align: center;padding: 60px;}
#lista-seleccionados img{ width: 100px;}
#opciones h6 {border-bottom: 1px solid #aaa;}
#opciones #cargandoVariantes { text-align: center;}
#opciones #cargandoVariantes i { display: block; width: 90px; height: 90px; background: transparent url('/img/cargando.gif'); margin: auto;}
#opciones ul {list-style-type: none;}
#opciones ul li {display: inline-block; width: 48%; padding-top: 5px;}
#opciones li a { border: 2px solid; margin: 3px 2px; padding: 5px; display: block; }
#opciones li a.mostrar { margin-left:-5px; width: 160px; display: inline-block; height: 30px;overflow:hidden;}
#opciones li a.seleccionado { border: 2px solid #ae181f;}
#formulario-seleccionados button {margin-top: 10px;}
#formulario-seleccionados label { display: inline;}
#formulario-seleccionados .mas-informacion { display: inline; width: 100%;}
#formulario-seleccionados ::placeholder { font-style: italic;}
#formulario-seleccionados ::-ms-input-placeholder { font-style: italic;}
#formulario-seleccionados ::-ms-input-placeholder { font-style: italic;}
/* BARRA LATERAL */
.wrapper { display: flex; align-items: stretch;}
#sidebarCollapse{ width:42px; float: right;}
#sidebar { min-width: 250px; max-width: 250px; background: #EEE;color: #000;transition: all 0.3s;}
#sidebar input.form-control{ height:35px;padding:5px;background: #FFF;}
#sidebar .sidebar-header { padding: 10px; background: #ddd;}
#sidebar .sidebar-header h3 { padding-top: 10px;}
#sidebar .sidebar-header strong { display: none; font-size: 1.8em;}
#sidebar li {text-align: left;display:block;}
a[data-toggle="collapse"] { padding-left:18px;position: relative;}
.dropdown-toggle::after { display: block; position: absolute; top: 50%;transform: translateY(-50%);}
#sidebar.active #sidebarCollapse { float:none;}
#sidebar.active { min-width: 80px; max-width: 80px; text-align: center;}
#sidebar.active .sidebar-header h3,#sidebar.active .CTAs { display: none;}
#sidebar.active .sidebar-header strong { display: block;}
#sidebar.active .container { display:none;}
#content {width: 100%; padding: 20px; min-height: 100vh; transition: all 0.3s;}
#aviso .modal-content { background-color: #ae181f; text-align: center;font-family: 'Akzident', 'Open Sans', verdana;
  font-size: 14px;font-weight: bold; padding:40px 5px;border-radius: 3px;}
#aviso h2 {font-family: 'Akzident', 'Open Sans', verdana; text-align: center;color:black;text-transform: uppercase;
  margin:auto;letter-spacing: 1.5px;font-size: 36px;font-weight: bold; padding-bottom: 15px;}
@media (min-width: 576px) {
  #cuerpo { margin-top: 10px; }
  #cuerpo.autenticacion{ margin-top: 140px;}
  #menu-principal{ margin-top: 135px; }
  .zona-usuario #seleccionado { width: 200px; }
  header{ height: 130px; width: 95%; }
}
@media (min-width: 992px) {
  #menu-principal{ max-width: 960px;margin-top: 120px; }
  header{ height: 120px;max-width: 960px; }
}
@media (min-width: 1200px) {
  #menu-principal{ max-width: 1140px; margin-top: 120px;}
  header{ max-width: 1140px; }
}
p.mini{ font-size: 12px;}
.columna-cantidad {width: 200px;text-align: center;}
.columna-cantidad span{font-size: 0.6em;}