/**
 * E:\websw10\rocax\public_html\css\estilos.css
 *
 * REVISIONES:
 * ===========
 * 2021-01-08 Tarea#6983 - Mantenimiento web - Cambios sitio - Enero 2021
 *              Ajuste para trabajar en todo el ancho de pantalla (casi)
 *
 * 2021-02-12 Tarea#7030 - Nuevo tratamiento equivalencias
 *
 * 2021-04-09 Tarea#7113 - Homogeneización Carrito compras
 * 
 * 2021-11-13 Tarea#7420 - Ajuste separación caracteres 
 * 
 * F.U.M.: 2022-04-11 17:09
 * ============================================================================
*/
@import url(fonts.css);
@import url(font-awesome.css);
:root {
  --global-margin:5px;
  --global-margin-x2:10px;
  --gminwid:800px;
  --gmaxwid:1440px;
  --gsbarwid:17px;
  --imgprwdim:100px;
  --mediasep:4px;
  --mediapad:5px;
  --colbkghov:#e9e9e9;
  --colbkgvis:#ccf;
  --colbkgvis:#66f;
  --colbkgvis:#9cf;
  --colbkgvis:#6cf;
  --colbkgvishov:#99f;
  --colbkgvishov:#39f;
  --colbkghea:#09c;

}
html {
  box-sizing: border-box;
}

* { outline: none; }
*,
*::before,
*::after {
  box-sizing: border-box;
}
html, body.ifr {
	height: 100%;
}
body {
	background-image: url(../imagenes/bg0.png);
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #fff;
	font-family: p, Arial, sans-serif;
	font-size: 15px;
	line-height: 28px;
	color: #363636;
	text-align: center;
	margin: 0px;
	padding: 0px;
	text-shadow: 1px 1px 0px #fdfdfd;
	overflow-x: hidden;


}
body.usuarios {
	background-image: none;
	overflow: hidden;
}
body.ifr {
	background-image: none;
}
a {
	color: #002762;
	text-decoration: none;
}
a:hover {
	color: #002762;
	text-decoration: none;
}
img {
	border: 0px;
}
em {
	font-family: pi, Arial, sans-serif;
	font-style: normal;
}
strong {
	font-family: pb, Arial, sans-serif;
	font-weight: normal;
}
strong em, em strong {
	font-family: pbi, Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
}


form {
	margin: 0px;
	padding: 0px;
}
p {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 24px;
	margin-left: 0px;
}
#container {
	position: relative;
	width: 982px;
   width: 100%;
	margin: auto;
	text-align: left;
}
.usuarios #container {
	margin-left: -491px;
   margin-left: -50%;
	position: absolute;
	left: 50%;
	top: 0px;
	bottom: 0px;
	height: 100%;
}
#top {
	float: left;
	height: 137px;
	width: 982px;
   width: 100%;
	position: relative;
	background-image: url(../imagenes/bg1.png);
	z-index: 1;
}
.usuarios #top {
	background-image: url(../imagenes/bg1_i.png);
	height:124px;
   background-repeat: no-repeat;
}

#top .logo {
	position: absolute;
	height: 127px;
	width: 296px;
	left: 1px;
	top: 1px;
}
.usuarios #top .logo {
	height: 78px;
	width: 177px;
   min-width:177px;
   max-width:300px;
   width:25%;
}

#top .fb {
	position: absolute;
	height: 25px;
	width: 23px;
	left: 300px;
	top: 102px;
}
#login {
	position: absolute;
	left: 495px;
	top: 5px;
	width: 485px;
	height: 87px;
	font-family: pi, Arial, sans-serif;
	letter-spacing: -1px;
	font-size: 16px;
}
#login input {
	float: left;
	width: 178px;
	margin-top: 0px;
	margin-right: 6px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 6px;
	padding-bottom: 6px;
	filter: none;
	background: #fff;
	background-color: #fff;
	color: #363636;
	font-family: pi, sans-serif;
}
#login .o a , #login .o a:hover{
	color: #363636;
	text-decoration: none;
	white-space: nowrap;
	background-image: url(../imagenes/r4.png);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	padding-left: 12px;
	float: right;
	margin-left: 18px;
}
#login a.sbm , #login a.sbm:hover {
	font-size: 18px;
	color: #fff;
	text-decoration: none;
	float: left;
	margin-top: 4px;
	text-shadow: none;
	margin-left: 4px;
	background-image: none;
	font-family: pbi, sans-serif;
}
#login span {
	text-shadow: none;
	font-size: 18px;
	color: #363636;
	float: left;
	height: 28px;
	width: 460px;
	margin-top: 4px;
	margin-left: 10px;
	overflow: hidden;
}
#login .o {
	position: absolute;
	left: 66px;
	top: 49px;
	height: 60px;
	width: 409px;
}
.usuarios #login {
	text-align: right;
	top: 13px;
	left: auto;
	height: 65px;
	width: 254px;

   min-width:254px;
   max-width:300px;
   width:25%;

	right: 10px;
}
.usuarios #login span {
	font-family: pbi, Arial, sans-serif;
	font-size: 22px;
	color: #000162;
	width: 100%;
	margin-left: 0px;
}
.usuarios #login span span {
	width: 254px;
	float: right;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-right: 3px;
	margin-right: -6px;
}


#rc {
	display: none;
}

.group {
	float: left;
	border: 1px solid #cfcfcf;
	margin-right: 8px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
}
.group a, .group label {
	margin-top: 5px !important;
}
.group .rad span, .group .chk span {
	background-image: url(../imagenes/b2.png) !important;
}
#filtro .sbm.dos, #filtro .sbm.dos:hover {
	line-height: 24px;
	height: 24px;
	font-family: pbi, sans-serif;
}


#menu {
	padding: 0px;
	list-style-type: none;
	z-index: 1000;
	margin: 0px;
	position: absolute;
	left: 338px;
	top: 94px;
	width: 684px;
	height: 47px;
	text-shadow: none;
}
#menu > li{
	padding: 0px;
	float: left;
	position: relative;
	margin-top: 0px;
	margin-right: 6px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#menu > li > a {
	font-family: pbi, Arial, sans-serif;
	font-size: 20px;
	line-height: 42px;
	float: left;
	height: 38px;
	padding-right: 10px;
	padding-left: 10px;
	color: #fff;
	text-decoration: none;
	white-space: nowrap;
	margin-top: 1px;
	margin-right: 1px;
	margin-left: 1px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

#menu.immc > li > a {
	letter-spacing: -0.5px;
   padding: 0 8px;
   font-size: 19px;
}



#menu > li >a.sel , #menu >li > a:hover, #menu > li >a.h{
	color: #00015d;
	text-decoration: none;
	background: #edf0f1;
	background: -moz-linear-gradient(top,  #edf0f1 0%, #e6ebec 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#edf0f1), color-stop(100%,#e6ebec));
	background: -webkit-linear-gradient(top,  #edf0f1 0%,#e6ebec 100%);
	background: -o-linear-gradient(top,  #edf0f1 0%,#e6ebec 100%);
	background: -ms-linear-gradient(top,  #edf0f1 0%,#e6ebec 100%);
	background: linear-gradient(to bottom,  #edf0f1 0%,#e6ebec 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf0f1', endColorstr='#e6ebec',GradientType=0 );
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-left-color: #FFF;
	margin: 0px;
}
#menu li ul {
	position: absolute;
	left: 0px;
	top: 39px;
	z-index: 1000;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	min-width: 100%;
}
#menu li ul li {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
}
#menu li ul li a {
	font-family: pi, Arial, sans-serif;
	font-size: 18px;
	line-height: 41px;
	color: #363636;
	text-decoration: none;
	background-image: url(../imagenes/r2.png);
	background-repeat: no-repeat;
	background-position: 11px 14px;
	display: block;
	padding-left: 21px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #c2cdd1;
	background-color: #e3e8ea;
	padding-right: 12px;
	white-space: nowrap;
	height: 36px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFF;
	border-left-color: #FFF;
}
#menu li ul li a.ult {
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
#menu li ul li a:hover {
	color: #FFF;
	text-decoration: none;
	background-color: #01265a;
	background-image: url(../imagenes/r3.png);
}
.usuarios #menu {
	left:5px;
   left:var(--global-margin);
   min-width:calc( 800px - 10px );
   min-width:calc( var(--gminwid) - var( --global-margin-x2 ) ) ;
   width:calc(100% - 10px) ;
   width:calc(100% - var( --global-margin-x2 ) );
	top: 84px;
   background-color: #00035F;
   height: 40px;
   padding-top: 2px;
   padding-left: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
   margin-left: auto;
   margin-right: auto;
}

.usuarios #menu > li {
	margin-right: 2px;
}

.usuarios #menu > li > a {
	font-size:16px;
	padding-right:2px;
	padding-left:2px;
}
.usuarios #menu li.u a  {
	color: #F00;
}





#pie {
	font-family: pi, Arial, sans-serif;
	font-size: 19px;
	line-height: 70px;
	text-align: center;
	float: left;
	margin-top: 36px;
	color: #fff;
	height: 65px;
	width: 100%;
	letter-spacing: -1px;
	text-shadow: none;
	background-color: #00035f;
}
#pie img {
	position: relative;
	top: 7px;
}
#pie strong {
	font-family: pbi, Arial, sans-serif;
}
#pie a, #pie a:hover {
	color: #fff;
}
#cuerpo, #equiv {
	float: left;
	overflow: hidden;
	width: 962px;
	position: relative;
	background-color: #FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #cecece;
}
.usuarios #cuerpo.sf {
	border: none;
	margin-top: -2px;
	margin-left: 1px;
}
#cuerpo2 {
	float: left;
	width: 962px;
	position: relative;
	background-color: #FFF;
}

#cuerpo #bg {
	display: none;
	background-image: url(../imagenes/bg2.png);
	position: absolute;
	z-index: 1;
	height: 137px;
	width: 1042px;
	top: 0px;
	right: 0px;
}
.usuarios #cuerpo {
	background-image: none;
}

.usuarios #cuerpo #bg{
	background-image: url(../imagenes/bg2_i2.png);
	height: 132px;
	width: 318px;
	left: -61px;
	right: auto;
	z-index: -1;
}



#izq {
	float: left;
	width: 671px;
	margin-left: 20px;
	margin-top: 31px;
	position: relative;
	z-index: 100;
	margin-bottom: 15px;
}

#der {
	float: right;
	width: 247px;
	margin-right: 22px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	margin-top: 31px;
	position: relative;
	z-index: 100;
	margin-bottom: 15px;
}
#der > div {
	float: left;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
}
.news input {
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 4px;
	padding-top: 6px !important;
	padding-bottom: 6px !important;
	background: #00035f !important;
	filter: none !important;
	font-family: pbi, sans-serif !important;
	color: #fff !important;
}
.news a, .news a:hover {
	font-size: 18px;
	color: #363636;
	text-decoration: none;
	letter-spacing: -1px;
	float: right;
	text-shadow: none;
	font-family: pbi, Arial, sans-serif;
	margin-top: -5px;
	margin-right: 7px;
}
#der #nove {
	height: 217px;
	width: 247px;
	overflow: hidden;
	position: relative;
	margin-top: 0px;
	margin-left: 10px;
}
#nove > div {
	position: absolute;
	z-index: 1;
	height: 217px;
	top: 0px;
	bottom: 0px;
}
#nove > div > div {
	float: left;
	width: 245px;
	margin-left: 2px;
	height: 217px;
	margin-right: 5px;
}
#nove .noves {
	left: 3px;
	bottom: 3px;
}
h2  {
	font-family: pi, Arial, sans-serif;
	font-size: 19px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	text-shadow: none;
}
#nove h2 {
	line-height: 19px;
	font-weight: normal;
	float: left;
	height: 19px;
	width: 100%;
	overflow: hidden;
	text-shadow: none;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.fecha  {
	font-family: pi, Arial, sans-serif;
	font-size: 15px;
	color: #002762;
	text-shadow: none;
	margin-top: -3px;
	position: relative;
	top: -3px;
	line-height: 18px;
}
#nove .fecha {
	text-shadow: none;
	float: left;
	width: 100%;
	top: 0px;
	line-height: 28px;
	margin-top: -3px;
}
#nove p {
	font-size: 14px;
	line-height: 22px;
	float: left;
	height: 136px;
	width: 100%;
	overflow: hidden;
	margin-bottom: 9px;
	text-align: justify;
}
#nove .vermas ,#nove .vermas:hover{
	font-family: pi, Arial, sans-serif;
	font-size: 18px;
	color: #363636;
	text-decoration: none;
	letter-spacing: -1px;
	text-shadow: none;
	float: right;
}
h1 {
	font-family: pi, Arial, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: #01275e;
	text-indent: 22px;
	float: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	width: 100%;
	background-image: url(../imagenes/r.png);
	background-position: 3px 2px;
	background-repeat: no-repeat;
}
h1.f {
	-webkit-box-shadow: 0px 1px 1px 0px #fafafa;
	box-shadow: 0px 1px 1px 0px #fafafa;
}

.texto {
	text-align: justify;
	float: left;
	width: 671px;
}
.texto img {
	float: right;
	margin-top: 5px;
	margin-bottom: 0px;
	margin-left: 18px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	-webkit-box-shadow: 0px 0px 4px 1px #c8c8c8;
	box-shadow: 0px 0px 4px 1px #c8c8c8;
}
.slider {
	float: left;
	height: 139px;
	width: 671px;
	position: relative;
}
.slider .l, .slider .r {
	background-image: url(../imagenes/l.png);
	background-repeat: no-repeat;
	background-position: left center;
	position: absolute;
	z-index: 20;
	height: 139px;
	width: 20px;
	left: 0px;
	top: 0px;
}
.slider .r {
	background-image: url(../imagenes/r.png);
	background-position: right;
	right: 0px;
	left: auto;
}
.slider > div {
	overflow: hidden;
	position: absolute;
	z-index: 10;
	height: 139px;
	width: 632px;
	left: 20px;
	top: 0px;
}
.slider > div > div {
	position: absolute;
	height: 129px;
	left: 0px;
	top: 5px;
}
.slider > div a {
	float: left;
	height: 129px;
	width: 148px;
	margin-right: 5px;
	margin-left: 5px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	-webkit-box-shadow: 0px 0px 4px 1px #c8c8c8;
	box-shadow: 0px 0px 4px 1px #c8c8c8;
}
.slider > div img {
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	border: none;
}

div#banncont {
  width:981px !important;
  height:232px !important;
  min-height:230px;
  max-height:230px;
  overflow:hidden;
}
div#banncont > div#banner {
	float: left;
	height: 230px !important;
	width: 981px !important;
	position: relative;
	margin-top: -4px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	z-index: 10;
	border: 4px solid #00035f;
	background-color: #EEE;
   background:none;
}
div#banncont > div#banner .imagenes , #nove .noves{
	background-color: #FFF;
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 5px;
	padding-left: 6px;
	position: absolute;
	z-index: 20;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 3px 1px #bbb;
	box-shadow: 0px 0px 3px 1px #bbb;
}
.usuarios #banner .imagenes {
	display: none;
}
div#banncont > div#banner .imagenes {
	top: 5px;
	right: 5px;
}


div#banncont > div#banner .imagenes a , #nove .noves a{
	background-image: url(../imagenes/b.png);
	background-repeat: no-repeat;
	background-position: right;
	text-indent: 1000px;
	float: left;
	height: 13px;
	width: 13px;
	margin-right: 2px;
	overflow: hidden;
}

div#banncont > div#banner .imagenes a:hover, div#banncont  > div#banner .imagenes a.sel , #nove .noves a:hover, #nove .noves a.sel{
	background-position: left;
}

div#banncont > div#banner .imagen {
	position: absolute;
	z-index: 1;
	height: 222px;
	width: 973px;
	left: 0px;
	top: 0px;
	overflow: hidden;
}
.usuarios #banner .imagen {
	width: 469px;
	height: 60px;
}

#banner .imagen img {
   border: none;
}
div#banncont > div#banner .imagen img {
	position: absolute;
	left: 0px;
	top: 0px;
}
div#banncont > div#banner .prelo {
	background-color: #000;
	background-image: url(../imagenes/5.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 30px;
	width: 30px;
	margin-top: -15px;
	margin-left: -15px;
	position: absolute;
	z-index: 10;
	left: 50%;
	top: 50%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


.formulario {
	float: left;
	width: 715px;
}
.formulario > div {
	float: left;
	width: 323px;
	margin-right: 28px;
}
.formulario > div > div{
	float: left;
	width: 100%;
	margin-bottom: 6px;
}
.formulario label {
	float: left;
	width: 70px;
	margin-top: 3px;
}
input[type=text] ,input[type=password] , textarea, .selec, .selec:hover{
	font-family: pi, Arial, sans-serif;
	font-size: 16px;
	color: #363636;
	letter-spacing: 1px;
   NQword-spacing: 4px;
	width: 218px;
	padding-top: 2px;
	padding-right: 11px;
	padding-bottom: 2px;
	padding-left: 11px;
	border: 1px solid #FFF;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;

	background: #edf0f1;
	background: -moz-linear-gradient(top,  #edf0f1 0%, #e1e6e8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#edf0f1), color-stop(100%,#e1e6e8));
	background: -webkit-linear-gradient(top,  #edf0f1 0%,#e1e6e8 100%);
	background: -o-linear-gradient(top,  #edf0f1 0%,#e1e6e8 100%);
	background: -ms-linear-gradient(top,  #edf0f1 0%,#e1e6e8 100%);
	background: linear-gradient(to bottom,  #edf0f1 0%,#e1e6e8 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf0f1', endColorstr='#e1e6e8',GradientType=0 );
}
.formulario input[type=text] , .formulario input[type=password], .formulario textarea{
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.formulario textarea {
	height: 62px;
}
.formulario .sm {
	font-size: 13px;
	font-family: pi, Arial, sans-serif;
	line-height: 22px;
	float: left;
	width: 100%;
	color: #5b5a5a;
	text-shadow: none;
	margin-top: 15px;
}
.formulario img {
	float: left;
	margin-left: 81px;
}
.formulario input[name=icod] {
	text-align: center;
	width: 80px;
   float: right;
	margin-left: 7px;
}
.formulario .sbm, .formulario .sbm:hover {
	font-size: 18px;
	text-decoration: none;
	float: right;
	margin-top: 3px;
	margin-right: 2px;
	color: #363636;
	font-family: pbi, sans-serif;
}
.lista {
	float: left;
	width: 700px;
}
.lista a {
	float: left;
	border: 1px solid #dbdcde;
	margin-right: 15px;
	margin-bottom: 16px;
}
.lista img  {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	-webkit-box-shadow: 0px 0px 4px 1px #c8c8c8;
	box-shadow: 0px 0px 4px 1px #c8c8c8;
}
#paginas {
	font-size: 18px;
	float: left;
	font-family: pi, Arial, sans-serif;
	letter-spacing: -1px;
	width: 100%;
	margin-bottom: 5px;
	text-shadow: none;
}
#paginas strong {
	font-family: pbi, Arial, sans-serif;
	font-weight: normal;
}
#paginas .tot {
	float: right;
}

#paginas a , #paginas a:hover{
	color: #363636;
	text-decoration: none;
}
#paginas .big a {
	font-family: pbi, Arial, sans-serif;
	color: #002762;
	text-decoration: none;
}
.slider.marcas {
	height: 78px;
	width: 973px;
	margin-top: 24px;
	margin-bottom: 0px;
	margin-left: 6px;
}
.slider.marcas .l, .slider.marcas .r {
	height: 78px;
	width: 19px;
}
.slider.marcas > div {
	background-color: #FFF;
	height: 78px;
	width: 935px;
	left: 19px;
}
.slider.marcas > div > div {
	height: 78px;
	top: 0px;
}
.slider.marcas > div a   {
	padding: 0px;
	height: 78px;
	width: 95px;
	margin-top: 0px;
	margin-right: 4px;
	margin-bottom: 0px;
	margin-left: 5px;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.slider.marcas > div img   {
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
}
.texto.noti img {
	float: left;
	margin-right: 16px;
	margin-left: 0px;
}
.texto.noti {
	margin-bottom: 27px;
}
.texto.noti p {
	margin: 0px;
}
.texto.noti .vermas, .texto.noti .vermas:hover {
	color: #363636;
	float: right;
}
.volver, .volver:hover {
	font-size: 18px;
	color: #363636;
	text-decoration: none;
	letter-spacing: -1px;
	padding: 0px;
	float: right;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: pi, Arial, sans-serif;
	text-shadow: none;
}
#mapa {
	float: left;
	margin-left: 4px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	-webkit-box-shadow: 0px 0px 4px 1px #c8c8c8;
	box-shadow: 0px 0px 4px 1px #c8c8c8;
}
#filtro {
	line-height: 19px;
	float: left;
	width: 951px;
	margin-bottom: 0px;
	margin-left: 1px;
	padding-top: 4px;
	padding-bottom: 0px;
	padding-left:28px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #cecece;
	border-bottom-color: #cecece;
	border-left-color: #cecece;
	background-color: #FFF;
	-webkit-box-shadow: 0px 0px 0px 1px #ffffff;
	box-shadow: 0px 0px 0px 1px #ffffff;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	font-family: pi, Arial, sans-serif;
}
#filtro form > div{
	float: left;
	width: 100%;
	margin-bottom: 5px;
	overflow: hidden;
}


.usuarios input[type=text] , .usuarios input[type=password] , .usuarios .selec, .usuarios textarea{
	border: 1px solid #d1d1d1;
	font-size: 18px;
	width: 236px;
	margin-top: 0px;
	margin-right: 27px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
	-webkit-box-shadow: 0px 0px 0px 1px #ffffff;
	box-shadow: 0px 0px 0px 1px #ffffff;
}

.usuarios .sbm, .ifr .sbm {
	font-size: 18px;
	line-height: 31px;
	color: #000162;
	text-decoration: none;
	float: right;
	height: 28px;
	margin-left: 11px;
	padding-right: 13px;
	padding-left: 13px;
	border: 1px solid #d1d1d1;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	font-family: pi, Arial, sans-serif;
	background-color: #FFF;
	-webkit-box-shadow: 0px 0px 0px 1px #ffffff;
	box-shadow: 0px 0px 0px 1px #ffffff;
}
.usuarios .sbm:hover, .ifr .sbm:hover {
	background-color: #dfe4e7;
}
.usuarios .sbm.comp, .ifr .sbm.comp {
	font-family: pb, Arial, sans-serif;
	text-decoration: none;
	color: #363636;
	float: left;
	margin-left: 0px;
	margin-top: 2px;
}
#filtro .rap {
	margin-bottom: 0px;
	margin-top: 4px;
}
#filtro .rap input {
	margin-right: 18px;
}


#filtro label {
	float: left;
	width: 101px;
	margin-top: 7px;
	font-size: 16px;
}
.rad ,.rad:hover,#filtro .chk , #filtro .chk:hover {
	float: left;
	width: 86px;
	margin-top: 7px;
	font-size: 15px;
	color: #363636;
}
.rad span ,#filtro .chk span  {
	background-image: url(../imagenes/b.png);
	background-repeat: no-repeat;
	background-position: right;
	float: left;
	height: 13px;
	width: 13px;
	margin-right: 8px;
	margin-top: 1px;
}
.rad.sel span ,#filtro .chk.sel span  {
	background-position: left;
}



.selec span {
	float: left;
	height: 23px;
	line-height: 25px;
	overflow: hidden;
	width: 248px;
	background-image: url(../imagenes/d.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.selecopt {
	position: absolute;
	background-color: #E3E8EA;
	margin-top: -4px;
	padding-top: 6px;
	display: none;
	z-index: 1000;
}
.selecopt a {
	font-family: pi, Arial, sans-serif;
	color: #363636;
	text-decoration: none;
	display: block;
	padding-top: 3px;
	padding-right: 11px;
	padding-bottom: 0px;
	padding-left: 11px;
	text-shadow: none;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.selecopt a:hover, .selecopt a.sel {
	color: #FFF;
	text-decoration: none;
	background-color: #002762;
}

.selecopt_hov_sel {
	color: #FFF;
	text-decoration: none;
	background-color: #002762;
}



.usuarios {
	text-shadow:none;
}
.usuarios #cuerpo h1 {
	color: #00035f !important;
	border: none;
	padding: 0px;
	margin-top: 8px !important;
	margin-bottom: 0px !important;
	background-position: 14px 2px;
	text-indent: 30px;
   min-width:calc(800px - 10px);
   min-width:calc( var(--gminwid) - var( --global-margin-x2 ) ) ;
   width:100%;

}
.usuarios #cuerpo h2 {
	font-size: 24px;
	color: #363636;
	text-indent: 34px;
	margin-top: 10px;
	background-image: url(../imagenes/r.png);
	background-repeat: no-repeat;
	background-position: 13px 3px;
	width: 100%;
	height: 55px;
}
.usuarios table {
	line-height: 19px;
	float: left;
	margin-top: 1px;
	margin-left: 8px;
	-webkit-border-radius: 9px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius: 9px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-radius: 9px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	background-color: #FFF;
	-webkit-box-shadow: 0px 0px 0px 1px #ffffff;
	box-shadow: 0px 0px 0px 1px #ffffff;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #cdd5d8;
	border-left-color: #cdd5d8;
}
.usuarios table a, .usuarios table a:hover {
	color: #363636;
}
.tabla .visited {
	background-color: #d6d600;
   background-color: var(--colbkgvis);
}
.tabla .visited:hover {
	background-color: #E5E63D !important;
   background-color: var(--colbkgvishov) !important;
}
.usuarios table td {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #cdd5d8;
	border-bottom-color: #cdd5d8;
	font-size: 14px;
	letter-spacing: -1px;
}
.usuarios table tr:hover td {
	background-color: #e8eced;
   background-color: var(--colbkghov);

}
.usuarios table td.h {
	background-color: #e8eced;
   background-color: var(--colbkghov);
}
.usuarios table td.e {
	font-family: pb, Arial, sans-serif;
	font-size: 16px;
}
.usuarios table .h td, .usuarios table .h:hover td {
	font-family: pbi, Arial, sans-serif;
	color: #fff;
	font-size: 18px;
	border-right-width: 1px;
	border-right-style: solid;
	border-bottom-style: none;
	border-right-color: #ffffff;
	background-color: #00035f;
}
.usuarios table .h td.p {
	-webkit-border-top-left-radius: 9px;
	-moz-border-radius-topleft: 9px;
	border-top-left-radius: 9px;
}
.usuarios table .h td.u {
	-webkit-border-top-right-radius: 9px;
	-moz-border-radius-topright: 9px;
	border-top-right-radius: 9px;
	border-right-color: #cdd5d8;
}
.usuarios table .u td.p {
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
}
.usuarios table .u td.u {
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
}
#carrocnt {
   display: block;
	bottom: 0px;
   min-width:calc( 800px - 10px ) ;
   min-width:calc( var(--gminwid) - var( --global-margin-x2 ) ) ;
   width:calc(100% - 10px );
   width:calc(100% - var( --global-margin-x2 ) );
	height: 141px;
	overflow: hidden;
   margin-bottom: 4px;
	margin-top: 4px;
   margin-left: auto;
   margin-right: auto;
	background-color: #FFF;
}
#carrocnt > div {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #cecece;
	height: 144px;
	overflow: hidden;
	float: left;
	position: relative;
   min-width:580px;
   width:calc(75% - 5px - 2px );
   width:calc(75% - ( 1 * var( --global-margin ) ) - 2px );
	margin-right: 4px;
}
.compra > div {
	width: 100%;
	float: left;
	text-align: center;
	font-size: 14px;
	line-height: 17px;
	margin-top: 4px;
}
.compra .sbm, .compra .sbm:hover {
	float: none;
	font-size: 18px;
	margin-top: 3px;
	margin-bottom: 0px;
	display: inline-block;
	line-height: 21px;
	height: auto;
	padding-top: 2px;
}
#carrocnt .compra {
   min-width:200px;
   width:25%;
	margin-right: 0px;
	float: right;
}
#carrocnt h1 {
	color: #00035f !important;
	border: none;
	padding: 0px;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	background-position: 14px 5px;
	text-indent: 30px;
}
.usuarios #paginas {
	margin-top: 8px;
	margin-bottom: 0px;
}
#carrocnt input , .usuarios input.cant{
	text-align: center;
	width: 28px;
	float: none;
	margin: 0px;
	padding-top: 1px;
	font-size: 13px;
	padding-bottom: 0px;
}
#carrocnt input {
	margin-top: 4px;
}

#carrocnt input.pedcant {
   -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
   font-size: 100%;
   font-height: 110%;
   font-weight:bold;
   background-color:#fff !important;
   padding:0;
   width:90%;
   margin: 0px auto;
   
   padding: 2px 4px 0 !important;


}

.usuarios input.cant{
	padding-top: 3px;
	font-size: 16px;
	padding-bottom: 2px;
}
.usuarios #cuerpo {
	margin-bottom: 5px;
	overflow: hidden;
   width:calc(100% - 10px);
   width:calc(100% - var( --global-margin-x2 ) );
	margin-top: 4px;
   margin-left:auto;
   margin-right:auto;
   left:5px;
   left:var( --global-margin);
}
#compra {
	float: left;
margin-right: -18px;
margin-left: 16px;
}

#compra .sbm {
	float: left;
	width: 121px;
	margin-left: 23px;
	margin-top: 6px;
	line-height: 27px;
height: 24px;
}
#compra td{
	font-size: 15px;
}
#compra tr:hover td {
	background-color: #FFF;
}
#compra tr.h:hover td {
	background-color: #00035f;
}
#compra .c {
	padding-bottom: 6px;
}
#compra .h img {
	margin-left: 7px;
	margin-top: 2px;
	margin-right: 7px;
	float:left;
}
#marcas {
	float: left;
	width: 1000px;
	margin-left: 2px;
}
#marcas > div {
box-sizing:border-box;

	float: left;
	width: 100%;
}


#marcas > div > div {
box-sizing:border-box;
	float: left;
	margin-left: 9px;
	margin-bottom: 6px;
	position: relative;
	width: 228px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	-webkit-box-shadow: 0px 0px 4px 0px #cccccc;
	box-shadow: 0px 0px 4px 0px #cccccc;
	background-color: #FFF;
}
#marcas > div > div > a {
  box-sizing:border-box;

	float: left;
	height: 210px;
	width: 228px;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
}
#marcas > div > div > a:hover {
	background-color: #dbd4d4;
}
#marcas > div > div > a.h {
	background-color: #dbd4d4;
	-webkit-border-top-left-radius: 9px;
	-webkit-border-top-right-radius: 9px;
	-moz-border-radius-topleft: 9px;
	-moz-border-radius-topright: 9px;
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
}
#marcas > div > div > div {
	font-family: pi, Arial, sans-serif;
	font-size: 14px;
	line-height: 16px;
	background-color: #dbd4d4;
	white-space: nowrap;
	padding: 12px;
	-webkit-border-bottom-right-radius: 9px;
	-webkit-border-bottom-left-radius: 9px;
	-moz-border-radius-bottomright: 9px;
	-moz-border-radius-bottomleft: 9px;
	border-bottom-right-radius: 9px;
	border-bottom-left-radius: 9px;
	display: none;
	width: 205px;
	float: left;
}
#marcas a , #marcas a:hover{
	color: #363636;
	text-decoration: none;
}
#pedvis {
	font-family: pi, Arial, sans-serif;
	font-size: 18px;
	position: absolute;
	width: 260px;
	top: 0px;
	right: 0px;
}
#pedvis .rad {
	font-size: 18px;
	width: 128px;
	color: #fff;
	line-height: 18px;
}
.ref {
	margin-top: 10px;
	font-family: pi, Arial, sans-serif;
	float: right;
	width: 232px;
}
.ref span {
	float: left;
	height: 20px;
	width: 48px;
	margin-right: 6px;
	border: 1px solid #c6c6c6;
	-webkit-box-shadow: 0px 0px 0px 1px #ffffff;
	box-shadow: 0px 0px 0px 1px #ffffff;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
}
.pend span {
	background-color: #878b8c;
}
.gris {
	background-color: #878b8c;
}
.recep span {
	background-color: #fff;
}
.usuarios #mapa {
	float: left;
	border: 1px solid #c6c6c6;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	margin-left: 18px;
	margin-top: 31px;
}
.usuarios .formulario {
	width: 270px;
	float: left;
	margin-left: 22px;
}
.usuarios .formulario input, .usuarios .formulario textarea {
	width: 248px;
	margin-bottom: 13px;
	float:left;
}
.usuarios .formulario textarea {
	height: 120px;
}
.usuarios .formulario label {
	float: left;
	font-family: pi, Arial, sans-serif;
	font-size: 18px;
	margin-left: 12px;
	clear: left;
}.usuarios h2 {
	font-family: pb, Arial, sans-serif;
	font-size: 18px;
	font-weight: normal;
	float: left;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left: 14px;
}
.usuarios .formulario.arch {
	width: 100%;
	margin-bottom: 25px;
}
.usuarios .formulario.arch .selec {
	margin-right: 6px;
}
.usuarios .formulario.arch .sbm {
	margin-right: 46px;
	margin-top: 0px;
	letter-spacing: -1px;
}
.usuarios .texto {
	text-align: justify;
	width: 910px;
	margin-left: 34px;
	font-size: 14px;
}
.impr, .impr:hover {
	font-family: pi, Arial, sans-serif;
font-size: 16px;
color: #363636;
background-image: url(../imagenes/imp.png);
background-repeat: no-repeat;
background-position: left center;
float: right;
padding-left: 28px;
margin-right: 27px;
}
.usuarios .volver ,.usuarios .volver:hover {
	font-family: pi, Arial, sans-serif;
	font-size: 18px;
	color: #002762;
	float: right;
	margin-right: 10px;
}
#total {
	float: left;
	width: 100%;
}
#total span {
	float: right;
	font-family: pi, Arial, sans-serif;
	font-size: 18px;
	background: #b8c5ca;
	background: -moz-linear-gradient(top,  #b8c5ca 0%, #d0d7da 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b8c5ca), color-stop(100%,#d0d7da));
	background: -webkit-linear-gradient(top,  #b8c5ca 0%,#d0d7da 100%);
	background: -o-linear-gradient(top,  #b8c5ca 0%,#d0d7da 100%);
	background: -ms-linear-gradient(top,  #b8c5ca 0%,#d0d7da 100%);
	background: linear-gradient(to bottom,  #b8c5ca 0%,#d0d7da 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8c5ca', endColorstr='#d0d7da',GradientType=0 );
	width: 134px;
	text-align: center;
	-webkit-border-bottom-right-radius: 9px;
	-webkit-border-bottom-left-radius: 9px;
	-moz-border-radius-bottomright: 9px;
	-moz-border-radius-bottomleft: 9px;
	border-bottom-right-radius: 9px;
	border-bottom-left-radius: 9px;
	padding: 4px;
	-webkit-box-shadow: 0px 0px 0px 1px #ffffff;
	box-shadow: 0px 0px 0px 1px #ffffff;
	letter-spacing: -1px;
}

#total a {
	float: right;
	font-family: pi, Arial, sans-serif;
	font-size: 18px;
	margin-top: 4px;
	margin-right: 10px;
}
h1 span {
	font-size: 18px;
}
.usuarios .formulario.pref {
	width: 507px;
}
.usuarios .formulario.pref label    {
	font-family: pb, Arial, sans-serif;
	margin-left: 0px;
	width: 210px;
	margin-bottom: 9px;
}
.usuarios .formulario.pref .selec {
	float: right;
	margin-right: 0px;
	margin-bottom: 5px;
}
.usuarios .formulario.pref .p {
	float: right;
	width: 308px;
	margin-right: -18px;
	margin-bottom: 5px;
}
.usuarios .formulario.pref .p input, .usuarios .formulario.pref .p .selec {
	float: left;
	width: 52px;
	margin: 0px;
}
.usuarios .formulario.pref .p .selec span {
	width: 45px;
}
.usuarios .formulario.pref .p.c .selec {
	width: 112px;
	margin-right: 16px;
}
.usuarios .formulario.pref .p.c .selec span {
	width: 121px;
}
.usuarios .formulario.pref .sbm {
	clear:right;
}
.usuarios .formulario.pref .p > span{
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 5px;
}
.form_detalles {
	font-family: pi, Arial, sans-serif;
	font-size: 15px;
	line-height: 26px;
	float: left;
	width: 400px;
	margin-left: 23px;
}
.form_detalles strong {
	font-family: pb, Arial, sans-serif;
}
.form_detalles em {
	font-size: 18px;
}
.usuarios .formulario.datos {
	width: 930px;
}
.usuarios .formulario.datos > div {
	float: left;
	width: 450px;
	margin-right: 18px;
}
.usuarios .formulario.datos label {
	font-family: pb, Arial, sans-serif;
	margin-left: 0px;
	width: 185px;
	margin-bottom: 9px;
}
.usuarios .formulario.datos input {
	float: right;
	margin-right: 0px;
	margin-bottom: 5px;
	width: 230px;
}
.usuarios .formulario.datos > div > span {
	font-family: pi, Arial, sans-serif;
	font-size: 16px;
	color: #002762;
	letter-spacing: -1px;
	float: left;
}
.usuarios .formulario.datos  div span.var {
	font-size: 18px;
	color: #363636;
	float: right;
	width: 252px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.usuarios h3 {
	font-family: pi, Arial, sans-serif;
	font-weight: normal;
	text-indent: 15px;
	font-size: 22px;
	float: left;
	width: 100%;
	color: #01275e;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 12px;
	background-image: url(../imagenes/r.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0px;
}
.producto {
	float: left;
	width: 978px;
	font-size: 14px;
	-webkit-border-radius: 5px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius: 5px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	border-radius: 5px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	margin-top: -1px;
	border-top-style: none;
	height: 140px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #cecece;
	border-bottom-color: #cecece;
	border-left-color: #cecece;
}

.producto .simi {
	display: none;
}
.producto .prin {
	display: none;
}
.producto .img {
	float: right;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	-webkit-box-shadow: 0px 0px 6px 1px #cccccc;
	box-shadow: 0px 0px 6px 1px #cccccc;
	margin-left: 20px;
	margin-top: 9px;
	width: 142px;
	height: 124px;
	margin-right: 7px;
}
.producto p {
	float: left;
	width: 680px;
	font-family: pi, Arial, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #01275e;
	margin-bottom: 0px;
	line-height: 28px;
	margin-left: 10px;
}
.producto p.c {
   width: 250px;
	clear: left;
}
.producto p.d, .producto p.p {
   width: 170px;
}
.producto p strong {

}
.producto .comprar {
	float: left;
	width: 803px;
	font-size: 18px;
	margin-top: -32px;
}
.producto .comprar .sbm {
	float: right;
	margin-top: 0px;
}
.producto .comprar .s {
	float: right;
	width: 200px;
	margin-top: 4px;
	margin-left: 10px;
}
.producto .comprar .p {
	font-family: pb, Arial, sans-serif;
	font-size: 20px;
	color: #002762;
	float: left;
	width: 200px;
	margin-top: 4px;
	margin-left: 10px;
}
.producto .comprar .c {
	float: right;
	width: 62px;
}
.sug {
	position: absolute;
	background-color: #E3E8EA;
	NQmargin-top: -8px;
   margin-top: -2px;
	NQpadding-top: 8px;
   padding-top: 0px;
	display: none;
	z-index: 1000;
	text-align: center;
   border-left: 1px solid #d1d1d1;
   border-bottom: 1px solid #d1d1d1;
   border-radius: 0 0 0 9px;
   NQbox-shadow: 0 0 0 4px #fc3;
   NQ-webkit-box-shadow: 5px 6px 9px 3px #666666; 
   box-shadow: 3px 3px 9px 3px #666666;
   
}
.sug a {
	font-family: pi, Arial, sans-serif;
	color: #363636;

	text-decoration: none;
	display: block;
	padding-top: 3px;
	padding-right: 11px;
	padding-bottom: 0px;
	padding-left: 11px;
	text-shadow: none;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: left;
   border: none;
   
   
   NQwidth: 100% !important;
   NDborder: 1px solid #f00;
}

/*
.sug a b,
.sug a span {
   display: inline-block;
   width: 100px;
   text-align: right;
   NQbackground-color: #fc3;
   margin-right: 6px;
   font-weight: bold;
}
*/


NQ.sug a:hover, 
.sug a.sel {
	color: #FFF;
	text-decoration: none;
	background-color: #002762;
}
NQ.sug a:hover {
	background-color: #f00;
}

#catalogo {
	float: left;
	width: 1000px;
	margin-left: 2px;
}
#catalogo > a, #catalogo > a:hover {
	float: left;
	height: 210px;
	width: 232px;
	margin-left: 6px;
	margin-bottom: 6px;
	position: relative;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	-webkit-box-shadow: 0px 0px 4px 0px #cccccc;
	box-shadow: 0px 0px 4px 0px #cccccc;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: center center;
	color: #363636;
	text-decoration: none;
	font-size: 14px;
	letter-spacing: -1px;
	overflow: hidden;
}
#catalogo > a span {
	background-color: #ebeff0;
	text-align: center;
	position: absolute;
}
#catalogo .cod {
	top: 0px;
	right: 0px;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 9px;
	-webkit-border-bottom-left-radius: 9px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 9px;
	-moz-border-radius-bottomleft: 9px;
	border-top-left-radius: 7px;
	border-top-right-radius: 9px;
	border-bottom-left-radius: 9px;
	white-space: nowrap;
	padding-left: 8px;
	padding-right: 9px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #b5b5b5;
	border-left-color: #b5b5b5;
	-webkit-box-shadow: -1px 0px 0px 0px #fff,0px 1px 0px 0px #fff;
	box-shadow: -1px 0px 0px 0px #fff,0px 1px 0px 0px #fff;
	line-height: 25px;
	padding-top: 3px;
}
#catalogo .desc {
	width: 100%;
	left: 0px;
	right: 0px;
	bottom: 0px;
	-webkit-border-bottom-right-radius: 9px;
	-webkit-border-bottom-left-radius: 9px;
	-moz-border-radius-bottomright: 9px;
	-moz-border-radius-bottomleft: 9px;
	border-bottom-right-radius: 9px;
	border-bottom-left-radius: 9px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #b5b5b5;
	-webkit-box-shadow: 0px -1px 0px 0px #fff;
	box-shadow: 0px -1px 0px 0px #fff;
	line-height: 23px;
}
.ifr h1 {
	background-image: none;
	border: none;
	font-family: p, Arial, sans-serif;
	font-size: 17px;
	margin-top: 10px;
	text-indent: 0px;
	line-height: 19px;
}
.ifr .comprar input {
	width: 58px;
	margin-left: 3px;
	text-align: right;
}
.ifr .sbm.comp {
	margin-left:10px;
	float: none;
	display: inline-block;
}
.formulario.reg label {
	width: 153px;
}
.formulario.reg input {
	width: 140px;
}
.formulario.reg input[name="icod"] {
	width: 80px;
   float: right;
}
.ifr {
	padding-left: 20px;
	padding-right: 20px;
}
.ifr .cf textarea {
	width: 435px;
	margin-top: -14px;
	margin-bottom: 21px;
}
.usuarios #filtro input[type=text], .usuarios #filtro .selec {
	width: 167px;
	margin-right: 25px;
}
.usuarios #filtro .selec span {
	width: 177px;
}
.tablah,  .tabla > div, .tabla > form > div {
	float: left;
	width: 962px;
   width: 100%;
	clear: both;
}
#carro .tabla > div {
	width: 718px;
}
.tablah > span, .tabla > div > span, .tabla > form > div > span {
	float: left;
	height: 20px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #cdd5d8;
	border-bottom-color: #cdd5d8;
	font-size: 14px;
	letter-spacing:0px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden !important;
	text-overflow: ellipsis;
   line-height: 16px;
}

#carro > .tabla > div > span {
  padding:1px 2px 0px;
  height: 24px;
}

div.tablah {
	overflow-y: scroll;
   overflow-x: hidden;
}


div.tablah,
.tabla div {
   display:flex;
   min-width:calc(800px - 10px);
   min-width:calc( var(--gminwid) - var( --global-margin-x2 ) ) ;
}
div.tablah span {
   padding-top:1px !important;

}
.tabla > div:hover, .tabla > form > div:hover {
	background-color: #e8eced;
   background-color: var(--colbkghov);
}
.tabla > div.u > span, .tabla > form > div.u > span {
	border-bottom: none;
}
.usuarios .tabla #paginas {
	margin-top: 0px;
}
.tabla #paginas .tot {
	margin-top: 2px;
	margin-right: 10px;
}
.tabla img {
	display: inline-block;
	margin-top: 5px;
	vertical-align: sub;
}
.tablah > span {
	font-family: pbi, Arial, sans-serif;
	color: #000;
	font-size: 16px;
   line-height: 18px;
	border-right-width: 1px;
	border-right-style: solid;
	border-bottom-style: none;
	border-right-color: #ffffff;
	background-color: #DBDBDB;
   background-color: var(--colbkghea);
}
.tabla {
	overflow: scroll;
	overflow-x: hidden;
	position: absolute;
   top:48px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}
#equiv {
	width: 978px;
	bottom: 0px;
	position: absolute;
	top: 144px;
   display: block;
}
#carro > .tabla {
	top:48px;
}
.usuarios #cuerpo h1, #carrocnt h1 {
	margin-top: 0px !important;
	color: #FFF !important;
	background-color: #00035f;
   NDbackground-color: #f00;
	background-image: none;
	text-indent: 7px;
	padding-top:2px;
	line-height:25px;
}
.usuarios #cuerpo .producto h1.noprin {
	width: 799px;
	float: left;
	overflow: hidden;
	background-color: transparent;
	color: #00035f !important;
	margin-top: 9px !important;
	padding-top: 0px;
	margin-bottom: 13px !important;
	background-image: url(../imagenes/r.png) !important;
	text-indent: 20px !important;
	height: 49px;
	padding-left: 10px;
}
#cuerpo .scr {
	overflow: auto;
	overflow-x: hidden;
	position: absolute;
	top: 29px;
	left: 0px;
	right: 0px;
	bottom: 0px;
   padding-top: 15px;
	padding-bottom: 15px;
}
.impr.ped {
	position: absolute;
	color: #fff;
	right: 0px;
	top: -8px;
}
body.s_marcas #filtro,body.s_marcas #carrocnt,
body.s_pref #filtro,body.s_pref #carrocnt,
body.s_datos #filtro,body.s_datos #carrocnt,
body.s_archivos #filtro,body.s_archivos #carrocnt,
body.s_consultas #filtro,body.s_consultas #carrocnt {
	display: none;
	height: 1px;
}
body.s_rapida #carrocnt {
	bottom: auto;
	top: 173px;
}
body.s_rapida #cuerpo {
	display: none;
}
body.s_pedidos #filtro {
	display: none;
}


/* AGREGADOS TAREA#6858 2020-10-08/22 */
#cuerpo .scr {
   padding-top: 9px;
	padding-bottom: 15px;
   width: 100%;
   box-sizing:border-box;
}
#catalogo .cod {
   display: none;
}
#catalogo .desc {
   display: none !important;
}
#catalogo {
   box-sizing:border-box;
   /* para generar recuadros individuales */
   background-color: #fff;
	background-image: none;
   padding-top:6px;
   margin-top: -8px;
   width: 100% !important;

 	text-align:center !important;
   display:inline-block  !important;
   margin-left: 0px;
}
#catalogo > a, #catalogo > a:hover {
   box-sizing:border-box;
	float: left;
	height: 238px;
   background-position: center bottom;
   border: none;
/* para borde sólido con dimensión */
   border: 2px solid #00035f;
/* Para eliminar bordes redondeados
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
*/
   float: none !important;
   display:inline-block !important;
   margin: 3px !important;
}

#catalogo .macopre {
   box-sizing:border-box;
   display: inline-block;
   background-color: #ebeff0;
	top: 0px;
	right: 0px;
   width: 100%;
	white-space: nowrap;
	padding-left: 0px;
	padding-right: 0px;
	-webkit-box-shadow: -1px 0px 0px 0px #fff,0px 1px 0px 0px #fff;
	box-shadow: -1px 0px 0px 0px #fff,0px 1px 0px 0px #fff;
	line-height: 25px;
	padding-top: 3px;
   border: none;
   border-bottom-style: solid;
   border-bottom-width: 2px;
   border-bottom-color: #b5b5b5;
}
span.mp_mar
, span.mp_cod
, span.mp_pre {
   box-sizing:border-box;
   position: relative !important;
   display: inline-block;
   width: 33%;
   border-right-width: 1px;
   border-right-style: solid;
   border-color: #b5b5b5;
}
span.mp_cod {
   width: 34%;
}
span.mp_pre {
   border-right: none;
}
#paginastop {
   display: inline;
   text-align: right;
	font-size: 18px;
   float: right;
	font-family: pi, Arial, sans-serif;
	letter-spacing: -1px;
	width: 100%;
   width: auto;
	margin-bottom: 5px;
	text-shadow: none;
   color: #FFF !important;
}
#paginastop a {
   color: #FFF !important;
}
#paginastop span.tot {
   padding-left: 50px;
}
#src_catalogo > #paginas {
   box-sizing: border-box;
   background-color: #ccc !important;
   padding-left: 10px;
   padding-right: 10px;
   margin-bottom:8px;
   margin-top:0px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
}


/*
  AGREGADOS 2020-10-23
*/

.PL {
   box-sizing: border-box;
   padding: 2px;
   text-align:left;
}

.PL.Tit {
   text-align:left !important;
   flex: 1;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow:hidden;
}
.PL.Cod {
   width:106px;
   min-width:106px;
   max-width:212px;
   width:10.80%;
   text-align:left;
}

.PL.Stk {
   width:22px;
   min-width:22px;
   max-width:32px;
   width:1.80%;
   text-align:center;
   background-color: #fff !important;
}

.PL.Stk.stkhead {
   background-color: #DBDBDB !important;
   background-color: var(--colbkghea) !important;
}

.PL.Obs
, .PL.OEM
, .PL.Mar {
   width:113px;
   min-width:113px;
   max-width:226px;
   width:11.50%;
}

.PL.Mar
, .PL.OEM {
  text-align:left;
}
.PL.Pre {
  width:70px;
   min-width:70px;
   max-width:140px;
   width:7.10%;
   text-align:right;
}
.PL.MI
, .PL.ACC
, .PL.VPI
, .PL.CPV {
   width:28px;
   min-width:28px;
   max-width:56px;
   width:3%;
}
#NQ.PL > a {
  display:inline-block;
  height:100%;
  width:100%;
}
.PL.paginator {
   background-color:#ddd;
   display:block;
   overflow: hidden;
   position: absolute;
   margin: 0px;
   height: 26px;
   bottom: 0px;
   left: 0px;
   right: 0px;
   padding: 0px 10px;
}

#Paginator_ht {
   box-sizing:border-box;
   background-color: #00035f;
   color: #fff !important;
   display: inline-block;
   overflow: hidden;
   margin: 0px;
   margin-top: 0px;
   margin-right: 20px;
   height: 22px;
   bottom: 0px;
   float: right;
   width: 600px;
   right: 0px;
   padding: 0px 10px;
   font-size: 16px;
}
#Paginator_ht div
, #Paginator_ht span {
   font-size: 16px;
   color: #fff;
   color: #ccc;
}

#Paginator_ht span a {
   font-size: 18px;
   font-weight: bold;
   color: #fff;
   color: #999;
   color: #ccc;
}

#paginas_ht .tot {
	float: right;
   color: #ccc;
}

#paginas_ht i {
   box-sizing:border-box;
   font-size: 22px;
   font-weight: bold;
   background-color: #036;
   color: #999;
   color: #ccc;
   padding: 0px 8px 1px 0;
   margin: 0 4px 0 0;
   margin: 0 !important;
}
#paginas_ht a {
box-sizing:border-box;
   padding: 0px 4px;
   margin: 0 !important;
}

#paginas_ht i:hover
, #paginas_ht a:hover {
   background-color: #069;
}

#paginas_ht select.ldpageto {
   box-sizing:border-box;
   width: 120px;
   display: inline-block !important;
}


#paginas_ht select {
	height: 26px;
	-webkit-appearance: none;
	-moz-appearance: none;
	cursor: pointer;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border: 0;
	vertical-align: top;
	background: url(../imagenes/selarrow.png) no-repeat right center #036;
   color: #ccc;
	padding: 0 22px 0 15px;
	letter-spacing: .08em;
	font-size: 13px;
	line-height: 1;
	font-weight: 500;
	outline: none;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}


#paginas_ht select select:hover
, #paginas_ht select select:focus {
	background: url(../imagenes/selarrow.png) no-repeat right center #ff9000;
}

#paginas_ht i:hover {
	cursor: pointer;
}
#paginas_ht  i.im_fa_disabled {
	cursor: default;
   color: #069;
   background-color: #00035f;
}

.imfa {
  font-size: 90%;
  color: #ccc;
}

.imfaGT,
.imfaPL {
  font-size: 100%;
  color:#002762;
}

.imfaGT {
font-size: 140%;
font-weight:100;
}

.imfa2 {
  font-size: 18px;
  padding-top: 5px;
  margin-left: -3px;
  color: #069;
}

.imfaCB {
  height: 100%;
  clear:both;
  float:left;
  margin-right: 10px;
}

/* Carro de compras */
#carro > .tabla > div.ccitem {
   width:100%;
   width:calc( 100% + var(--gsbarwid) ) ;
}
.CC {
   box-sizing: border-box;
   padding: 2px;
   text-align:left !important;
}
.CC.Tit {
   text-overflow:ellipsis;
   white-space:nowrap;
   flex: 1;
}
.CC.Cod {
   min-width:101px;
   min-width:85px;
   max-width:202px;
   width:13.80%;
}
.CC.Cnt
,.CC.TotM
,.CC.TsI
,.CC.TcI
,.CC.PUn {
   min-width:80px;
   max-width:130px;
   width:12%;
   text-align:right !important;
}
.CC.Cnt
, .CC.PUn {
   width:10%;
}
.CC.Acc {
   min-width:30px;
   max-width:50px;
   width:4.75%;
   text-align:center  !important;
}
#carrocnt > #carro > .tablah > .CC {
  text-align:center !important;
}
#carrocnt > #carro > div.tablah
, #carrocnt > #carro > .tabla div {
  min-width: 580px !important;
}
div#ProductList.tabla {
   min-width:calc(800px - 10px);
   min-width:calc( var(--gminwid) - var( --global-margin-x2 ) ) ;
}
div#ProductList.tabla > div {
   display:flex;
   min-width:780px;
   min-width:calc( var(--gminwid) - var(--global-margin-x2) - var(--gsbarwid) ) ;
}
div.ccitem {
   display:flex;
   width:100% !important;
}
div#carrocnt div#carro.carro div.tabla div.ccitem {
    min-width: 563px !important;
}
#cuerpo > .tablah > .PL {
  text-align:center !important;
}
div#carrocnt > div.compra
, div#carrocnt > div#carro.carro {
   height: 100%;
}
div#carrocnt > div.compra { background-color: #f0f0f0; }
div.tabla div.ccitem span.CC.Cnt input.pedcant {
   text-align: right !important;
   padding:2px 6px 0 !important;
   NQletter-spacing:1px;
   NQletter-spacing:.03em;
   letter-spacing:.06em;
}

/* Productos - Filtros */
#filtro {
   display: block;
   clear: both;
	line-height: 19px;
	width: 951px;
   min-width: calc( 800px - 10px );
   min-width: calc( var(--gminwid) - var( --global-margin-x2 ) );
   width: calc(100% - 10px);
   width: calc(100% - var( --global-margin-x2 ) );
   margin-left: auto;
   margin-right: auto;
	margin-bottom: 0px;
   padding:4px 4px 0;
   position: relative;
   left:5px;
   left: var(--global-margin);
}
#filtro form > div {
	float: left;
	width: 100%;
   height:30px;
   width:calc(100% - 100px - 4px);
	margin-bottom: 5px;
   overflow: auto !important;
}
#filtro form > div.rap {
   width:100%;
}
.rad, .rad:hover, #filtro .chk, #filtro .chk:hover {
	float: left;
	width: auto !important;
	margin-top: 7px;
	font-size: 15px;
	color: #363636;
}
.rad span, #filtro .chk span {
	background-image: url(../imagenes/b.png);
	background-repeat: no-repeat;
	background-position: right;
	float: left;
	height: 13px;
	width: 13px;
	margin-right:2px;
	margin-top: 1px;
}
#filtro label {
	float: left;
	width: auto !important;
	margin-top: 7px;
	font-size: 16px;
   padding-right:0px;
   margin-left:0 !important;
   margin-right:8px !important;
}
.group {
   padding-left:4px !important;
   padding-right:4px !important;
	margin-right: 4px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.group a {
	margin-top: 5px !important;
   margin-right: 4px;
   padding-right: 4px;
}
#filtro .sbm.dos, #filtro .sbm.dos:hover {
	line-height: 24px;
	height: 26px !important;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
   margin-right:0px !important;
   margin-left:8px !important;
   padding-right:8px;
   padding-left:8px;
}

/* filtro-descripcion */
#filtro form#busc > div:nth-child(5) {
   padding-left:5px;
   padding-right:2px !important;
   width:calc(100% - 100px - 4px) !important;
   display: table !important;
   background:none;
}
#filtro form#busc > div:nth-child(5) > label {
    float:none;
    display: table-cell !important;
    width: 90px  !important;
    vertical-align: middle
}
input[type="text"]#filterdesc {
   display: table-cell !important;
	width:calc(100% - 0px) !important;
}

/* filtros - opciones */
#filtro form#busc > div:nth-child(6) {
   width:100% !important;
   background:none;
   padding-right:2px !important;
}
div#imagepreview {
  width:100px !important;
  height:100px !important;
  width:var(--imgprwdim) !important;
  height:var(--imgprwdim) !important;
  border:1px solid #999;
background: #edf0f1;
background: -moz-linear-gradient(top, #edf0f1 0%, #e1e6e8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#edf0f1), color-stop(100%,#e1e6e8));
background: -webkit-linear-gradient(top, #edf0f1 0%,#e1e6e8 100%);
background: -o-linear-gradient(top, #edf0f1 0%,#e1e6e8 100%);
background: -ms-linear-gradient(top, #edf0f1 0%,#e1e6e8 100%);
background: linear-gradient(to bottom, #edf0f1 0%,#e1e6e8 100%);

-webkit-box-shadow: 0px 0px 6px 1px #cccccc;
box-shadow: 0px 0px 6px 1px #cccccc;
border: 0px;

  float: right !important;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}


#filtro form#busc  div.filteroption {
   float:left;
   min-width:210px;
   width: calc(33.33% - 4px) !important;
   margin-right:4px;
   display: table !important;
}
#filtro form#busc  div.filteroption.ult {
   width: calc(33.34%) !important;
   margin-right:0px;
}
#filtro form#busc  div.filteroption > label {
  width:86px !important;
  margin-top:4px;
  margin-right: 2px;
  display: table-cell !important;
  vertical-align: middle;
  margin-right: 2px !important;
}

/* Separar INPUT de SELECT y trabajarlos en forma independiente */
#filtro form#busc  div.filteroption > input[type=text]
, #filtro form#busc  div.filteroption > select
{
  width: 100px !important;
  width: calc(100% - 90px) !important;
  padding: 2px 8px;
  display: table-cell !important;
  vertical-align: middle;
  margin:2px 0px;
  float:right;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  height: 25px;
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
   background-color: #edf0f1;
}
.usuarios #filtro .selec {
  width: calc(100% - 90px) !important;
	margin-right: 0px !important;
   padding-right:0px !important;
}
#filtro form#busc div.filteroption > select
{
   display:none !important;
}
#filtro form#busc div.filteroption .selec span
{
	height: 22px;
	line-height: 25px;
   width: calc(100% - 4px) !important;
   margin-right: 0px !important;
}
div.formulario.pref label {
   clear: both;
}
div.formulario.pref span.p
, .pref a#selec_vista5
{
   width:auto !important;
   margin-right: -18px;
}
div.formulario.pref a.sbm  {
   margin-right: -18px;
}
div.formulario.pref span.p input
{
   width: 68.5px !important;
   text-align: right;
}
.pref a#selec_popup6.selec   {
  width: 82px !important;
  margin-right:0;
}
.usuarios .formulario.pref .p .selec span {
	width: 60px;
}
#vista5 {
   float: right !important;
   margin: 0;
}
div.filteroption div.selecopt
, #dlarchivos .selecopt {
   -moz-border-radius-bottomright: 10px !important;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px !important;
	border-bottom-left-radius: 10px;
   -webkit-box-shadow: 2px 2px 10px 4px rgba(0,0,0,0.5);
   box-shadow: 2px 2px 10px 4px rgba(0,0,0,0.5);
   border: 1px solid #d1d1d1;
   border-top: none;
}

/* filtro - carga rápida */
form#buscrap div.rap {
  overflow:hidden !important;
}
div.rap input[name="cant"] {
  margin-top:0;
  width:80px !important;
  margin-right:20px !important;
  text-align:center;
}
div.rap .alignright {
  float:right !important;
}
div.rap a.sbm.comp {
 margin-top:0  !important;
}
form#buscrap div.rap label.alignright {
  margin-right:10px !important;
  margin-top: 5px;
}
#filtro form#buscrap  div#fltcod {
   float:left;
   min-width:220px;
   width:220px;
   margin-right:4px;
   display: table !important;
}
div.rap div#fltcod input[name="cod"] {
margin-right:0px;
width: calc(100% - 55px) !important;
}
div.rap div#fltdesc {
   float:left;
   overflow:hidden !important;
   min-width:220px;
   width: calc(100% - 563px) !important;
   margin-right:4px;
   margin-left:20px;
   display: table !important;
}
div.rap div#fltdesc input[name="desc"] {
  width:100%;
}
#filtro form#buscrap  div#fltcntbuy {
   float:right;
   overflow:hidden !important;
   min-width:290px;
   width:290px;
   display: table !important;
}

/* bloques de marcas */
.marcas_item
{
   width:228px !important;
   border: 1px solid gray;
   display:inline-block;
   float: none !important;
	margin-left: 9px;
	margin-bottom: 6px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	-webkit-box-shadow: 0px 0px 4px 0px #cccccc;
	box-shadow: 0px 0px 4px 0px #cccccc;
   border-color: #fff;
   border:none;
   vertical-align: top !important;
}
div.marcas_item a {
   display:inline-block;
	NQbackground-image: url(imagenes/si.png);
    NQbackground-image: url(../imagenes/si.png);
	height: 210px !important;
	width: 228px !important;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
}
.marcas_cont {
   float: none !important;
   text-align:center;
   display:inline-block !important;
   width:100% !important;
}
a.resaltmark {
  font-weight:bold;
  font-size:120%;
  line-height: 150%;
  color: #00035f !important;
}
.lstsubrub a i.fa {
  padding-right: 10px;
}
a.resaltmark > i.fa {
  padding-right: 4px;
}
div#marcas div div.marcas_item div.lstsubrub a  {
  height: auto !important;
  width: 100%  !important;
  text-align: left;
}
div#marcas div div div.lstsubrub  {
  width: 100%;
  white-space: normal;
}
div#marcas div div div.lstsubrub a  {
  line-height: 150%;
}
.usuarios #cuerpo.sf {
    margin-left: 0px !important;
}
.producto {
   --imgprwdimw:142px;
   --imgprwdimh:124px;
   min-width:calc(800px - 10px);
   min-width:calc( var(--gminwid) - var( --global-margin-x2 ) ) ;
   width: 100%;
   padding-top: 2px;
	padding-left: 10px;
   padding: 0;
   margin-left: auto;
	margin-right: auto;
   display: block;
   clear: both;
   overflow:hidden;
   margin-left:-0px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
   border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

/* ---------------------      Presentación Producto     --------------------- */
.IMCONTLR {
  display: table;
  table-layout:fixed;
  width: 100%;
}
.IMFixWCol {
  width: 180px;
  display: table-cell;
  overflow: hidden;
  vertical-align: top;
}
.IMFlexWCol {
  display: table-cell;
  width: auto;
  overflow: hidden;
  vertical-align: top;
}
.IMW3Col {
  width: calc(100% / 3);
}
.IMWCol50 {
  width: 50%;
}
#prodimage {
  width:156px;
}
#prodactions {
  width:200px;
}
#prodactions > form#add2cart,
#prodactions > div {
   height: 50px;
   margin: 9px 6px;
   padding:10px 2px;
   NQpadding:6px 2px;
   
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	-webkit-box-shadow: 0px 0px 6px 1px #cccccc;
	box-shadow: 0px 0px 6px 1px #cccccc;
}
#prodactions > form#add2cart {
   NQRheight: 54px;
   NQRmargin-top: 20px;
   height: 64px;
   margin-top: 0px;
}
#prodactions > form#add2cart > div.comprar {
   width: 100%;
   margin:0;
}



.ifr div.comprar a.sbm.comp,
#prodactions form#add2cart div.comprar a.sbm.comp  {
   padding: 0 6px 6px;
line-height: 32px;
NQRheight: 36px;
height: 30px;
margin-right:4px;
}
#prodactions .impr {
   background: none;
   float: none;
   padding-left: 10px;
   margin-right: 0px;
}
.ifr .comprar input.cant {
  border: 1px solid #d1d1d1;
}
input#cant2addcr.cant,
.ifr .comprar input.cant,
#prodactions form#add2cart div.comprar input.cant {
    display:inline-block;
   padding: 6px 6px;
font-size:18px;
font-weight: bold;
line-height: 36px;
width:70px;
NQRheight: 36px;
height: 30px;
margin-left:4px;
text-align: right;
letter-spacing: 0.5px;
}

.prdinped,
/* html body.usuarios.s_rapida div#container div#filtro form#buscrap div.rap div#fltcntbuy input#cant2addcr.alignright.cant.prdinped */
NQform#buscrap div.rap div#fltcntbuy input#cant2addcr.alignright.cant.prdinped, 
input#cant2addcr.cant.prdinped,
.canterr,
.ifr .comprar input.cant.prdinped,
#prodactions form#add2cart div.comprar input.cant.prdinped {
    border-width: 2px;
    background: linear-gradient(to bottom, #ffc 0%,#ff3 100%);
    NQletter-spacing: 0.5px;
    letter-spacing: 1px;
    NQpadding: 4px 10px 0px 4px;
    padding: 2px 10px 2px 4px;
}

.canterr {
    border-color: #c00 !important;
    border-width: 4px !important;
    NQbackground: linear-gradient(to bottom, #f2825b 0%,#e55b2b 50%,#f07146 100%) !important;
    background: linear-gradient(to bottom, #ededed 0%,#e24612 75%,#ef9273 100%) !important;
}

#carrocnt input.pedcant.canterr {
    border-color: #c00 !important;
    border-width: 1px !important;
}

#pupcant2adderr,
form#add2cart div.comprar p#cant2adderr {
  display:none;
  color:#c00;
  font-size: 11px;
  font-weight:bold;
  font-family: Arial, sans-serif;
  NQfont-style:italic;
  font-style:normal;
  NQletter-spacing: -0.2px;
  
  width:172px;
  margin: 2px 6px 0;
  overflow: hidden; 
  NQborder: 1px dotted #060;
  height: 22px;
  line-height: 20px;  
  padding:0px 0;
}
#pupcant2adderr
/* , form#add2cart div.comprar p#cant2adderr */ 
{
  display:none;
  NQdisplay:inline-block;
  //visibility: hidden;
  height: 44px;
  NQborder:1px dotted red;
  width:300px;
  margin-top: 16px;
	font-family: p, Arial, sans-serif;
	font-size: 15px;
	line-height: 20px;
	color: #C00; 
    letter-spacing: 0.5px; 
    font-style:italic;
}
/* p#cant2adderr.inped_show */
p#cant2addsts.inped_err,
p#cant2addsts.inped_show,
p#cant2addsts.inped_hide,
.inped_err,
.inped_show 
{
    display:inline-block !important;
    color: #036  !important;
	font-family: p, Arial, sans-serif !important;
	font-size: 11px !important; 
    text-align: center;   
    font-weight: bold;
    width: 100%;
    NQborder: 1px dotted red;
    margin-left:0;
}
p#cant2addsts.inped_hide,
p#cant2adderr.inped_hide {
    display:none !important;
}

.inped_err {
    NQdisplay:inline-block !important;
    color: #C00  !important;
	NQfont-family: p, Arial, sans-serif !important;
	NQfont-size: 11px !important;
    NQtext-align: center;      
}

div#proddata h1#ProdName.noprin {
  width: 100% !important;
  min-width: 100px;
  text-overflow: ellipsis;
  line-height:120%;
  background:none !important;
  text-indent: 0px !important;

  
}
#showstock {
  width: 190px;
}
#showstock .s {
  width: 190px;
  height: 58px;
  text-align:center;
  display:table-cell;
  vertical-align: middle;
  font-size: 17px;
  font-weight: bold;
}
#stksema {
  display:inline-block;
  width:20px;
  height:58px;
  background-repeat:no-repeat;
  top: 0px;
  vertical-align: middle;
}
.StkCons { color:#d6d600;}
.StkDispo { color:#0c0; }
.StkNoDispo {color:#f00; }
span.PL.Stk.p.stkhead:before
, span.PL.Stk.p.StkCons:before
, span.PL.Stk.p.StkDispo:before
, span.PL.Stk.p.StkNoDispo:before {
   font-family:FontAwesome;
   content: "\f111";
   font-size: 120%;
   text-align: center !important;
}
span.PL.Stk.p.stkhead:before {
   font-size:100%;
}
span.PL.Stk.p.StkCons:before {
   color:#fc3;
}
span.PL.Stk.p.StkDispo:before { color:#0c0; }
span.PL.Stk.p.StkNoDispo:before { color:#f00; }
.tabla .visited {
	background-color: #ff9;
   background-color: var(--colbkgvis);
}


span.PL.Obs span:before {
   font-family:FontAwesome;
   content: "\f071";
   padding-right:4px;
   text-shadow:none;
}
span.prodnew {
   color:#060;
}
span.PL.Obs span.prodnew:before {
   content: "\f055";
   padding-right:4px;
}
span.prodofer {
   color:#C00;
}
span.PL.Obs span.prodofer:before {
   content: "\f14a";
   padding-right:4px;
}
span.prodpre {
   color:#eb0;
   color:#f60;
}
span.PL.Obs span.prodpre:before {
   content: "\f071";
   padding-right:4px;
   text-shadow:none;
}

/* EQUIVALENCIAS */
div#equiv {
   min-width:calc(800px - 10px);
   min-width:calc( var(--gminwid) - var( --global-margin-x2 ) ) ;
   width: calc(100% - 10px );
   width: calc(100% - var( --global-margin-x2 ) );
   width: 100%;
}

/* portada */
div#container.portada {
	position: relative;
	width: 982px;
	margin: auto;
	text-align: left;
}

/* cabecera top-container */
div#topcont {
   min-width:790px;
}
div#container div#top div#topcont {
   height: 40px !important;
   overflow: hidden;
width: calc(100% - 10px);
width: calc(100% - var( --global-margin-x2 ) );
margin-left: auto;
margin-right: auto;
position: relative;
}
div#topcont.IMCONTLR .logo {
   width: 240px;
   border: 2px dotted #0f0;
  overflow: hidden;
}
div#topcont div#login.si  {
   position: static;
   top:0;
   width: 240px !important;
   border: 2px dotted #f00;
   overflow: hidden;
   margin:0;
   margin-right: 5px;
   padding-right:var(--global-margin) !important;
}
div#topcont div#login.si span {
   display:inine-block;
   width: 240px;
   border: 1px dotted #090;
   padding:0;
}
div#container div#top div#topcont div#banner.IMFlexWCol,
.logo21
, login.si {
   height: 37px !important;
   overflow: hidden;
   text-overflow: ellipsis;
}

/* CELl Containers */
.IMCelC {
   display: block;
   text-align:center;
   vertical-align:middle !important;
   overflow:hidden;
   position: relative;
}
.IMCenter {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow:hidden;
}
.IMFxH60 {
   --sel-height:60px;
   height:var(--sel-height);
   max-height:var(--sel-height);
   max-height:var(--sel-height);
}
.IMFxH80 {
   --sel-height:80px;
   height:var(--sel-height);
   max-height:var(--sel-height);
   max-height:var(--sel-height);
}
.IMFxH50 {
   --sel-height:50px;
   height:var(--sel-height);
   max-height:var(--sel-height);
   max-height:var(--sel-height);
}
.IMFxH70 {
   --sel-height:70px;
   height:var(--sel-height);
   max-height:var(--sel-height);
   max-height:var(--sel-height);
   border: 2px dotted #000 !important;
}
.IMFxHTop {
   --sel-height:74px;
   height:var(--sel-height);
   max-height:var(--sel-height);
   max-height:var(--sel-height);
}
.IMTAlL {
   text-align:left;
}
.IMTAlR {
   text-align:right;
}
div#topcont > div:nth-child(1)  {
   width:180px;
}
div#topcont > div:nth-child(2)  {
}
div#topcont > div:nth-child(3)  {
   width:300px;
   padding-right:5px;
   padding-right:var(--mediapad:5px);
   font-style:italic;
}
.IMFUALG
, .IMFUAMD
, .IMFUASM {
  display: inline-block;
  font-weight:bold;
  font-style:italic;
}
.IMFUAMD
, .IMFUASM {
  display: none;
}
.topusername {
  display: inline-block;
  font-family: pi, Arial, sans-serif;
  letter-spacing: 0px;
  font-size: 22px;
  line-height:22px;
  font-weight:bold;
  font-style:italic;
  margin-top: 8px;
}
.rxfua {
  display: inline-block;
  letter-spacing: -1px;
}
div#imgcont {
  display:inline-block;
  max-height: 60px;
  height:60px;
  overflow:hidden;"
}

/* usuarios - preferencias */
form > div.formulario.pref {
   width: 50% !important;
   min-width:500px;
   padding: 30px !important;
   margin:0 !important;
}
form > div.form_detalles  {
   width: 50% !important;
   min-width:280px;
   padding:30px !important;
   margin:0 !important;
}

/* ---------------- Archivos -------------------------- */
#dlarchivos {
   min-width: 260px;
}
#dlarchivos form {
	border: 1px solid #cfcfcf;
   padding: 10px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
   height:auto;
   overflow: hidden;
   border: 1px solid #cecece;
   margin:0  20px 20px;
}
div#dlarchivos form h2 {
   height: auto !important;
}
#dlarchivos form div.formulario {
   width: 100%;
   margin:0 auto;
   padding: 10px;
}
#dlarchivos div.formulario > a {
   width: calc( (100% - 60px) / 3);
   margin: 10px;
   float: left;
   min-width: 200px;
}
#dlarchivos div.formulario a.sbm {
   clear: both;
   float: right;
   min-width: 100px;
   max-width: 100px;
   width: 100px;
}
#dlarchivos div.formulario a.selec span {
   display: inline-block;
	white-space: nowrap;
	text-overflow: ellipsis;
   width: 100%;
   background-image: url(../imagenes/d-min.png);
   padding-right: 16px;
}

/* Pedidos Listado */
#pedviewtype a {
    display: inline-block;
    font-size: 18px;
    color: #fff;
    line-height: 18px;
	 width: 128px;
    float: left;
    margin-top:4px;
}
#pedviewtype a:hover {
    color: #ccc;
}
#pedviewtype a:before {
   font-family:FontAwesome;
   content: "\f111";
   font-size: 100%;
   text-align: center !important;
   color: #ccc;
   margin-right:6px;
}
#pedviewtype a.sel:before {
   color: #00f;
}
#cuerpo > .tablah > .PDL {
  text-align:center !important;
}
.PDL {
   padding: 2px;
   text-align:left;
   box-sizing: border-box;
}
.PDL.Ref {
   width:164px;
   min-width:130px;
   max-width:240px;
   width:17.20%;
   text-align:right;
   padding-right:4px;
}
.PDL.Rec
, .PDL.EnP
, .PDL.Trm  {
   width:80px;
   min-width:60px;
   max-width:120px;
   width:8.30%;
   text-align:center;
}
.PDL.Obs {
   flex: 1;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow:hidden;
   text-align:left;
   padding-right:4px;
   padding-left:4px;
}
.PDL.FyH {
  width:160px;
   min-width:130px;
   max-width:240px;
   width:16.80%;
   text-align:right;
   padding-right:4px;
}
.PDL.MI {
   width:40px;
   min-width:30px;
   max-width:50px;
   width:3.50%;
}
div#PedidosListH.tablah,
div#PedidosList.tabla {
   min-width:calc(800px - 10px);
   min-width:calc( var(--gminwid) - var( --global-margin-x2 ) ) ;
}
div#PedidosList.tabla > div {
   display:flex;
   min-width:780px;
   min-width:calc( var(--gminwid) - var(--global-margin-x2) - var(--gsbarwid) ) ;
}

/* Pedidos Detalle */
#cuerpo div#PedidoDetalle.tabla  {
   top: 52px;
}
#cuerpo > .tablah > .PDD {
  text-align:center !important;
  height: 24px !important;
}
div#PedidoDetalle.tabla div  {}
.PDD {
   padding: 6px 4px 2px !important;
   text-align:left;
   height: 28px !important;
}
.PDD.Cod {
   width:247px;
   min-width:200px;
   max-width:240px;
   width:25%;
   text-align:left;
}
.PDD.Tit {
   text-align:left;
   padding: 0 2px;
   flex: 1;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow:hidden;
}
.PDD.Cnt {
  width:148px;
   min-width:120px;
   max-width:140px;
   width:15%;
   text-align:right;
}
#pedactions {
  background-color: none;
  border: 1px solid #fff;
  height: 25px;
  overflow: hidden;
	position: absolute;
	color: #fff;
	right: 20px;
	top:1px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
   padding: 0px 10px;
}
#pedactions a {
   font-size: 16px;
   font-family: pi, Arial, sans-serif;
   text-decoration: none;
     font-style:italic;
   letter-spacing: 1px;
   color: #fff;
   font-weight: bold;
   display:inline-block;
   margin:0 20px 0 0;
}
#pedactions a.volver {
   margin-right: 10px;
}
#pedactions a i.fa {
   font-size: 120%;
}

span.sugres
, span.sugresrap
, span.p.u.suges {
  display:block;
  width:100%;
  font-weight:bold;
  font-style:italic;
  text-shadow: none;
  color:#c00;
  background-color:#9c0;
  background-color:#ff9;
}

span.sugres {
  height:78px;
  padding-top:24px;
  font-size:125%;
}
span.sugresrap {
  height:60px;
  padding-top:16px;
}

span.p.u.suges {
  padding-top:16px;
  height:48px;
  font-size:110%;
}


a.sbm.dos.srch {color:#5db431;}
a.sbm.dos.clean {color:#09c;}
a.sbm.dos.chgpre {color:#f60; margin-left: 0px;}


div#imagepreview img#prodimage2view {
    position: relative;
    top: 56.25%;
    left: 50%;
    margin-top: -50%;
    margin-left: -50%;
  max-width:100%;
  max-height:100%;
  border:none;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

body.ifr.popupcnt {
   background:none;
   border:none;
   padding: 0px;
}

body.ifr.popupcnt form {
   background-color: #f8f8f8;
   border-radius: 9px;
   border: 5px solid #666;
   NQRpadding: 8px 4px 4px;
   padding: 8px 4px 20px;
}

/* --------------------------------------------------------------------------
   MEDIA - VARIACIONES
   -------------------------------------------------------------------------- */

/* IMPRESION */
@media print {
    /* Reglas CSS específicas para imprimir */
    #carrocnt
    , .usuarios #menu
    , #pedactions {
      display: none;
    }
    .tablah > span {
      height: 34px;
      padding-top: 10px;
      border: 1px solid #cdd5d8;
      background: none;
    }
    .usuarios div#cuerpo > h1 {
      height: 40px;
      padding-top: 16px;
      background: none;
    }
   #cuerpo div#PedidoDetalle.tabla  {
      top: 62px;
   }
   .PDD.Cnt {
         padding-right:10px !important;
   }
}

/* @media (min-width: 801px) */ /* and (max-width: 1023px) */
/* @media (min-width: 1024px) */
@media (min-width: 920px) {
  body {
     width: 100%;
     height: 100%;
     position: absolute;
     left: 0;
     top:0;
     bottom:0;
     --showimpgprw:1;
     --imgprwdim:132px;
     --mediasep:4px;
     --mediapad:5px;
  }
  .usuarios #container {
     display: block;
     position: relative;
     left:0;
     top: 0px;
     bottom: 0px;
     height: 100%;
     margin: auto auto;
  }
   .usuarios #menu > li {
   	margin-right: 5px;
   }
   .usuarios #menu > li > a {
   	font-size: 18px;
   	padding-right: 6px;
   	padding-left: 6px;
   }

   /* filtros - opciones */
   #filtro form#busc > div:nth-child(2)
   , #filtro form#busc > div:nth-child(4)
   , #filtro form#busc > div:nth-child(5)
   , #filtro form#busc > div:nth-child(6) {
      padding-left:0px;
      padding-right:0px;
      width:calc(100% - 132px - 4px) !important;
      width:calc(100% - var(--imgprwdim) - var(--mediasep) ) !important;
   }

   div#imagepreview {
     width:132px !important;
     height:132px !important;
     width:var(--imgprwdim) !important;
     height:var(--imgprwdim) !important;
   }

}
@media (max-width: 1024px)
{
   div#topcont > div:nth-child(2)  {}
   .BannerDinImg
   , div#imgcont {
      min-width:400px;
      max-width:400px;
      width:400px;
      height: 58px;
      min-height: 58px;
      max-height: 58px;
   }

   /* div#imgcont > a.imagen > img */
   div#imgcont  img {
      height: 58px;
      width:400px;
   }
}
@media (max-width: 920px)
{
   div#container div#top div#login.si strong {
     display: none;
   }

   .IMFUALG
   , .IMFUASM {
     display: none;
   }
   .IMFUAMD {
     display: inline-block;
   }
   div#topcont > div:nth-child(3)  {
      width:240px;
   }
   .BannerDinImg
   , div#imgcont {
      min-width:350px;
      max-width:350px;
      width:350px;
      height: 45px;
      min-height: 45px;
      max-height: 45px;
   }
   div#imgcont  img {
      height: 45px;
      width:350px;
   }
}
@media (max-width: 800px) {
   div#container div#top div#banner {
      width:100%;
      min-width: 200px;
      max-width: 468px;
   }
   .BannerDinImg
   , div#imgcont {
      min-width:312px;
      max-width:312px;
      width:312px;
      height: 40px;
      min-height: 40px;
      max-height: 40px;
   }
   div#imgcont  img {
      height: 40px;
      width:312px;
   }
}
@media (min-width: 1024px) {
   .usuarios #menu > li > a {
   	font-size: 19px;
   }
}

/* @media (min-width: var(--gmaxwid) ) */
/* @media (min-width: 1200px) */
/* @media (min-width: 982px) */
/* @media (min-width: 800px) and (max-width: 1023px) */
/* @media (min-width: 2560px) */
/* @media (min-width: 1280px) */
@media (min-width: 1440px) {
  body {
     width: 100%;
     height: 100%;
     position: absolute;
     left: 0;
     top:0;
     bottom:0;
  }
  .usuarios #container {
   width: 1440px !important;
   width: var(--gmaxwid) !important;
   display: block;
   position: relative;
   left:0;
	top: 0px;
	bottom: 0px;
	height: 100%;
   margin: auto auto;
  }
}
@media (max-width: 800px) {
   body.usuarios {
     overflow-x: scroll;
     overflow-y: hidden !important;
   }
}
/* eliminar cuando se implemente ImagePreview
@media (min-width: 60px) {
   #filtro form#busc > div:nth-child(2)
   , #filtro form#busc > div:nth-child(4)
   , #filtro form#busc > div:nth-child(5)
   , #filtro form#busc > div:nth-child(6) {
      padding-left:0px;
      padding-right:0px;
      width:calc(100% - 4px) !important;
      width:calc(100% - var(--mediasep) ) !important;
   }
   div#imagepreview {
     display: none;
   }
}
*/