BODY {
	BACKGROUND-COLOR: #838383;
	FONT-SIZE: 11px;
	LINE-HEIGHT: 12px;
	COLOR: #000000;
	FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	MARGIN: 0px;
}

td {
	FONT-SIZE: 11px;
	LINE-HEIGHT: 12px;
	COLOR: #000000;
	FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	MARGIN: 0px
}

th {
	FONT-SIZE: 11px;
	LINE-HEIGHT: 12px;
	COLOR: #000000;
	FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	MARGIN: 0px
}

sup {
	FONT-SIZE: 11px;
}


td.button A:link {
	FONT-SIZE: 10px;
	COLOR: #00659C;
	TEXT-DECORATION: none;
	vertical-align: middle;
	font-weight: bold;
}

td.button A:active {
	FONT-SIZE: 10px;
	COLOR: #00659C;
	TEXT-DECORATION: none;
	vertical-align: middle;
	font-weight: bold;
}

td.button A:visited {
	FONT-SIZE: 10px;
	COLOR: #00659C;
	TEXT-DECORATION: none;
	vertical-align: middle;
	font-weight: bold;
}

td.button A:hover {
	FONT-SIZE: 10px;
	COLOR: #868b9b;
	TEXT-DECORATION: none;
	font-weight: bold;
}

table.buttonContainer {
	border: 0px;
	width: 98%;
	border-collapse: collapse;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	margin-right: 0px;
}

table.TaskBarButtons td {
	border: 0px solid #FFFFFF;
   	BACKGROUND-COLOR: #AFD2F5;
}

.bdtaskbutton {
    BACKGROUND-COLOR: transparent;
    COLOR: black;
    BORDER-BOTTOM-COLOR: #cccccc;
    BORDER-BOTTOM-WIDTH: 0px;
    BORDER-LEFT-COLOR: #cccccc;
    BORDER-LEFT-WIDTH: 0px;
    BORDER-RIGHT-COLOR: #cccccc;
    BORDER-RIGHT-WIDTH: 0px;
    BORDER-TOP-COLOR: #cccccc;
    BORDER-TOP-WIDTH: 0px;
    CURSOR: hand;
    HEIGHT: 22px;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
    POSITION: relative;
    WIDTH: 23px  
}
	
.bdtaskbutton IMG {
    LEFT: 0px;
    POSITION: relative;
    TOP: 0px
}

.bdtaskover {
	 BORDER-TOP-WIDTH: 1px;
    BORDER-LEFT-WIDTH: 1px;
    BORDER-BOTTOM-WIDTH: 1px;
    BORDER-RIGHT-WIDTH: 1px	
}

BUTTON.bdtaskover IMG {
	LEFT: -2px;
    TOP: -2px
}

.bdtaskpress {
    BORDER-BOTTOM-WIDTH: 1px;
    BORDER-LEFT-WIDTH: 1px;
    BORDER-RIGHT-WIDTH: 1px;
    BORDER-TOP-WIDTH: 1px;
}

.bdtaskpress IMG {
    LEFT: -1px;
    TOP: -1px
}

.bdtaskdisabled {
	FILTER: alpha(opacity=50) dropShadow(color= #a7d3d5, offX=1, offY=1, positive=1);
	CURSOR: default
}

.bdtaskdisabled IMG {
	FILTER: alpha(opacity=50) dropShadow(color= #a7d3d5, offX=1, offY=1, positive=1);
	CURSOR: default
}


/*Formularios*/

.forms {
   BACKGROUND-COLOR: #f3fafd;
	BORDER-RIGHT: #4b9121 1px solid;
   BORDER-TOP: #4b9121 1px solid;
   FONT-SIZE: 10px;
	width:30px;
	HEIGHT:14px;
   BORDER-LEFT: #4b9121 1px solid;
   COLOR: #000000;
   BORDER-BOTTOM: #4b9121 1px solid;
   font-family: verdana, arial, helvetica, sans-serif;
}

.formsimput {
   BACKGROUND-COLOR: #ffffff;
	BORDER-RIGHT: #7f9db9 1px solid;
   BORDER-TOP: #7f9db9 1px solid;
   FONT-SIZE: 9px;
	width:30px;
	HEIGHT:16px;
   BORDER-LEFT: #7f9db9 1px solid;
   COLOR: #000000;
   BORDER-BOTTOM: #7f9db9 1px solid;
   font-family: Verdana, Arial, Helvetica, sans-serif;
}

.formsimputarea {
   BACKGROUND-COLOR: #ffffff;
	BORDER-RIGHT: #9b9b9b 1px solid;
   BORDER-TOP: #9b9b9b 1px solid;
   FONT-SIZE: 9px;
	width:200px;
	HEIGHT:200px;
    BORDER-LEFT: #9b9b9b 1px solid;
   COLOR: #000000;
   BORDER-BOTTOM: #7f9db9 1px solid;
   font-family: Verdana, Arial, Helvetica, sans-serif;
}

.formsimputpopup{
   BACKGROUND-COLOR: #ffffff;
	BORDER-RIGHT: #9b9b9b 1px solid;
   BORDER-TOP: #9b9b9b 1px solid;
   FONT-SIZE: 9px;
	width:138px;
	HEIGHT:100px;
    BORDER-LEFT: #9b9b9b 1px solid;
   COLOR: #000000;
   BORDER-BOTTOM: #7f9db9 1px solid;
   font-family: Verdana, Arial, Helvetica, sans-serif;
}

.formsimputbuscador {
   BACKGROUND-COLOR: #ffffff;
	BORDER-RIGHT: #9b9b9b 1px solid;
   BORDER-TOP: #9b9b9b 1px solid;
   FONT-SIZE: 9px;
	width:138px;
	HEIGHT:16px;
   BORDER-LEFT: #9b9b9b 1px solid;
   COLOR: #000000;
   BORDER-BOTTOM: #9b9b9b 1px solid;
   font-family: Verdana, Arial, Helvetica, sans-serif;
}

.formsTabla {
   BACKGROUND-COLOR: #ffffff;
   BORDER-RIGHT: #9b9b9b 1px solid;
   BORDER-TOP: #9b9b9b 1px solid;
   FONT-SIZE: 9px;
   BORDER-LEFT: #9b9b9b 1px solid;
   COLOR: #000000;
   BORDER-BOTTOM: #9b9b9b 1px solid;
   font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*Fondo*/

 .fondotitulo { 
    background-image:  url(/pcontImages/HomeTitSecciones.gif)
 }
 
  .fondotopProductos { 
    background-image:  url(/pcontImages/ProductosLogoImperquimia.gif);
    background-position: right;
    background-repeat: no-repeat;
 }
 
  .fondotoptextura { 
    background-image:  url(/pcontImages/InternaTituloCierrejpg.jpg);
    background-position: right;
    background-repeat: no-repeat;
    HEIGHT:97px;
	 FONT-SIZE: 12px;
    COLOR: #383838;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	 font-weight: bold;
    line-height: normal;
	 vertical-align: botton;
 }


.fondolinea {
   BACKGROUND-COLOR: #DCDCDC;
	FONT-SIZE: 10px;
	LINE-HEIGHT: 12px;
	COLOR: #000000;
	FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	MARGIN: 0px
}

.fondotitulos {
	BACKGROUND-color: #e6e7e8;
	HEIGHT:20px;
}

.fondoNovedades {
	BACKGROUND-color: #f4f4f4;
}

.fondoNovedadesTop {
	BACKGROUND-color: #f4f4f4;
	background-image:  url(/pcontImages/InicioNovedadesFondo.gif);
   background-position: right;
   background-repeat: no-repeat;
   HEIGHT:17px;
}

/*Textos*/

.textarea {
   BORDER-RIGHT: #DFE8F3 1px solid;
   BORDER-TOP: #DFE8F3 1px solid;
   FONT-SIZE: 10px;
	HEIGHT:60px;
   BORDER-LEFT: #DFE8F3 1px solid;
   COLOR: #000000;
   BORDER-BOTTOM: #DFE8F3 1px solid;
   font-family: verdana, arial, helvetica, sans-serif;
}

.textTitulo {
   FONT-SIZE: 11px;
   COLOR: #72b4d6;
   FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
   line-height: normal;
}

.textbCata {
    FONT-SIZE: 8px;
    COLOR: #909398;
    FONT-FAMILY: verdana, arial, sans-serif;
	 	font-weight: bold;
}

.textResaltado {
	FONT-SIZE: 11px;
	LINE-HEIGHT: 12px;
	COLOR: #444444;
	FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	font-weight: bold;

}

.textSecciones {
    FONT-SIZE: 11px;
    COLOR: #333333;
    FONT-FAMILY: verdana, arial, sans-serif;
}

.textSeccionesNovedad {
    FONT-SIZE: 9px;
    COLOR: #333333;
    FONT-FAMILY: verdana, arial, sans-serif;
}

.textSeccionesNovedadTitulo {
    FONT-SIZE: 9px;
    COLOR: #ec7921;
    FONT-FAMILY: verdana, arial, sans-serif;
	 font-weight: bold;
}

.textSeccionesRojo {
    FONT-SIZE: 11px;
    COLOR: #ef0000;
    FONT-FAMILY: verdana, arial, sans-serif;
	 font-weight: bold;
}

.textpie {
    FONT-SIZE: 9px;
    COLOR: #909398;
    FONT-FAMILY: verdana, arial, sans-serif;
}
	
.texttitulo {
	FONT-SIZE: 12px;
	COLOR: #333333;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.texttituloSecciones {
	FONT-SIZE: 10px;
	COLOR: #ffffff;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.textsubtitulo {
	FONT-SIZE: 11px;
	COLOR: #478a20;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.textsubtitulonaranja {
	FONT-SIZE: 11px;
	COLOR: #ed7921;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

/*GenericoSeccionProductos*/
.textGenerico {
    FONT-SIZE: 11px;
    COLOR: Green;
    FONT-FAMILY: verdana, arial, sans-serif;
	 font-weight: bold;
}

.textBulletProductos {
    FONT-SIZE: 13 px;
    FONT-FAMILY: verdana, arial, sans-serif;
	 font-weight: bold;
	vertical-align: text-top;
	}

.fondoTituloProductos {
 	border: 1px solid #9EC08C;
	FONT-SIZE: 10px;
	COLOR: #ffffff;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: right;
	padding-right: 11px;
}

.textProductos {
    FONT-SIZE: 11px;
    FONT-FAMILY: verdana, arial, sans-serif;
	 font-weight: bold;
}

.fondoSubTituloProductos {
 	border: 1px solid #9EC08C;
	FONT-SIZE: 10px;
	COLOR: #383838;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: right;
	padding-right: 11px;
}

/*Bordes*/
.bordecontenido {
	border: 1px solid #cccccc;
}	

.bordecontenidoGris {
	border: 1px solid #ededed;
}	

.bordecontenidoVerde {
	border: 1px solid #9ec08c;
}	

/*Botones*/
input.btn {
   color:#ffffff;
   font-family: helvetica,sans-serif;
   font-size:95%;
   font-weight:bold;
   background-color:#5ead25;
   border:1px solid;
   border-top-color:#ffffffff;
   border-left-color:#ffffffff;
   border-right-color:#909090;
   border-bottom-color:#909090;
   filter:progid:DXImageTransform.Microsoft.Gradient
   (GradientType=0,StartColorStr='#67c231',EndColorStr='#4c9324');}
	
input.btnhov {
   border-top-color:#ffffffff;
   border-left-color:#ffffffff;
   border-right-color:#2c2c2d;
   border-bottom-color:#2c2c2d;}
		

.button {
	BORDER-RIGHT: #0093BF 1px solid;
	PADDING-RIGHT: 3px;
	BORDER-TOP: #0093BF 1px solid;
	PADDING-LEFT: 3px;
	BACKGROUND-IMAGE: url("/pcontImages/bgButton.gif");
	PADDING-BOTTOM: 1px;
	MARGIN: 0px;
	BORDER-LEFT: #0093BF 1px solid;
	PADDING-TOP: 1px;
	BORDER-BOTTOM: #0093BF 1px solid;
	text-align: center;
	FONT-SIZE: 10px;
	COLOR: #00659C;
	TEXT-DECORATION: none;
	FONT-FAMILY: verdana, sans-serif;
	height: 18px;
}

A.BotoneraTop:link {
    FONT-SIZE: 9px;
    COLOR: #909398;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	 font-weight: bold;
	 text-decoration: none;

}

A.BotoneraTop:active {
    FONT-SIZE: 9px;
    COLOR: #909398;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	 font-weight: bold;
	 text-decoration: none;
}

A.BotoneraTop:visited {
    FONT-SIZE: 9px;
    COLOR: #909398;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	 font-weight: bold;
	 text-decoration: none;
}

A.BotoneraTop:hover {
    FONT-SIZE: 9px;
    COLOR: #64aecb;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	 font-weight: bold;
	 text-decoration: none;
}

A.Click:link {
    FONT-SIZE: 11px;
    COLOR: #ef0000;
    FONT-FAMILY: verdana, arial, sans-serif;
	 font-weight: bold;
	 text-decoration: none;
}

A.Click:active {
    FONT-SIZE: 11px;
    COLOR: #ef0000;
    FONT-FAMILY: verdana, arial, sans-serif;
	 font-weight: bold;
	 text-decoration: none;
}

A.Click:visited {
    FONT-SIZE: 11px;
    COLOR: #ef0000;
    FONT-FAMILY: verdana, arial, sans-serif;
	 font-weight: bold;
	 text-decoration: none;
}

A.Click:hover {
    FONT-SIZE: 11px;
    COLOR: #ef0000;
    FONT-FAMILY: verdana, arial, sans-serif;
	 font-weight: bold;
	 text-decoration: none;
}


A.LinkNovedades:link {
    FONT-SIZE: 11px;
    COLOR: #ed7921;
    FONT-FAMILY: verdana, arial, sans-serif;
	 font-weight: bold;
	 text-decoration: none;
}

A.LinkNovedades:active {
    FONT-SIZE: 11px;
    COLOR: #ed7921;
    FONT-FAMILY: verdana, arial, sans-serif;
	 font-weight: bold;
	 text-decoration: none;
}

A.LinkNovedades:visited {
    FONT-SIZE: 11px;
    COLOR: #ed7921;
    FONT-FAMILY: verdana, arial, sans-serif;
	 font-weight: bold;
	 text-decoration: none;
}

A.LinkNovedades:hover {
    FONT-SIZE: 11px;
    COLOR: #909090;
    FONT-FAMILY: verdana, arial, sans-serif;
	 font-weight: bold;
	 text-decoration: none;
}

A.LinkSistemas:link {
    FONT-SIZE: 11px;
    COLOR: #4a9020;
    FONT-FAMILY: verdana, arial, sans-serif;
	 text-decoration: none;
}

A.LinkSistemas:active {
    FONT-SIZE: 11px;
    COLOR: #909090;
    FONT-FAMILY: verdana, arial, sans-serif;
	 text-decoration: none;
}

A.LinkSistemas:visited {
    FONT-SIZE: 11px;
    COLOR: #909090;
    FONT-FAMILY: verdana, arial, sans-serif;
	 text-decoration: none;
}

A.LinkSistemas:hover {
    FONT-SIZE: 11px;
    COLOR: #909090;
    FONT-FAMILY: verdana, arial, sans-serif;
	 text-decoration: none;
}


A.NovedadHome:link {
    FONT-SIZE: 9px;
    COLOR: #333333;
    FONT-FAMILY: verdana, arial, sans-serif;
	 text-decoration: none;
}

A.NovedadHome:active {
    FONT-SIZE: 9px;
    COLOR: #333333;
    FONT-FAMILY: verdana, arial, sans-serif;
	 text-decoration: none;
}

A.NovedadHome:visited {
    FONT-SIZE: 9px;
    COLOR: #333333;
    FONT-FAMILY: verdana, arial, sans-serif;
	 text-decoration: none;
}

A.NovedadHome:hover {
    FONT-SIZE: 9px;
    COLOR: #333333;
    FONT-FAMILY: verdana, arial, sans-serif;
	 text-decoration: none;
}

A.Pie:link {
    FONT-SIZE: 9px;
    COLOR: #909398;
    FONT-FAMILY: verdana, arial, sans-serif;
	 font-weight: bold;
	 text-decoration: none;
}

A.Pie:active {
    FONT-SIZE: 9px;
    COLOR: #909398;
    FONT-FAMILY: verdana, arial, sans-serif;
	 font-weight: bold;
	 text-decoration: none;
}

A.Pie:visited {
    FONT-SIZE: 9px;
    COLOR: #909398;
    FONT-FAMILY: verdana, arial, sans-serif;
	 font-weight: bold;
	 text-decoration: none;
}

A.Pie:hover {
    FONT-SIZE: 9px;
    COLOR: #4a9021;
    FONT-FAMILY: verdana, arial, sans-serif;
	 font-weight: bold;
	 text-decoration: none;
}

A:link {
    FONT-SIZE: 11px;
	LINE-HEIGHT: 12px;
    COLOR: #000000;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	MARGIN: 0px
}

A:active {
    FONT-SIZE: 11px;
	LINE-HEIGHT: 12px;
    COLOR: #4a9021;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	MARGIN: 0px
}

A:visited {
    FONT-SIZE: 11px;
	LINE-HEIGHT: 12px;
    COLOR: #000000;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	MARGIN: 0px
}

A:hover {
   FONT-SIZE: 11px;
	LINE-HEIGHT: 12px;
   COLOR: #4a9021;
   FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	MARGIN: 0px
}


A.sinsubrayado:link {
   FONT-SIZE: 11px;
	LINE-HEIGHT: 12px;
   COLOR: #000000;
   FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	MARGIN: 0px;
	text-decoration: none;
}

A.sinsubrayado:active {
   FONT-SIZE: 11px;
	LINE-HEIGHT: 12px;
   COLOR: #4a9021;
   FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	MARGIN: 0px;
	text-decoration: none;
}

A.sinsubrayado:visited {
   FONT-SIZE: 11px;
	LINE-HEIGHT: 12px;
   COLOR: #000000;
   FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	MARGIN: 0px;
	text-decoration: none;
}

A.sinsubrayado:hover {
   FONT-SIZE: 11px;
	LINE-HEIGHT: 12px;
   COLOR: #4a9021;
   FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	MARGIN: 0px;
	text-decoration: none;
}

A.Resaltado:link {
   FONT-SIZE: 11px;
	LINE-HEIGHT: 12px;
   COLOR: #444444;
   FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}

A.Resaltado:active {
   FONT-SIZE: 11px;
	LINE-HEIGHT: 12px;
   COLOR: #4a9021;
   FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}

A.Resaltado:visited {
   FONT-SIZE: 11px;
	LINE-HEIGHT: 12px;
   COLOR: #444444;
   FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}

A.Resaltado:hover {
   FONT-SIZE: 11px;
	LINE-HEIGHT: 12px;
   COLOR: #4a9021;
   FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}

/*Tablas*/
table.products tr.over {
	BACKGROUND-COLOR: #BFE0EC;
	height: 18px;		
}

table.products tr.even {
	BACKGROUND-COLOR: #FFFFFF;
	height: 18px;
}

table.products tr.odd {
	BACKGROUND-COLOR: #FFFFFF;
	height: 18px;
}

table.products tr.footer {
	BACKGROUND-COLOR: #FFFFFF;
	height: 18px;
}

table.products td.center {
	text-align: center;
}

table.products {
	border-top: #e2e2e2 1px solid;
	border-bottom: #e2e2e2 1px solid;
	border-left: #e2e2e2 1px solid;
	border-right: #e2e2e2 1px solid;
	border-collapse: collapse;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

table.products thead tr {
	LINE-HEIGHT: 15px;
	BACKGROUND-COLOR: #0093BF;
	font-weight: bold;
}

table.products th {
	color: #FFFFFF;
	font-weight: bold;
	height: 18px;
}

table.products td, table.products th {
	border: 1px solid #e2e2e2;
}

table.products td.error {
	border: 1px solid #e2e2e2;
	FONT-WEIGHT: bolder;
	COLOR: #CF061D;
}

td.products {
	padding: 1px 1px 1px 1px;
	text-align: left;
	vertical-align: top;
}

table.products th.sorted a, th.sortable a {
	background-position: right;
	display: block;
	background-repeat: no-repeat; 
	background-position: right; 
}

table.products th.sortable a {
	background-image: url("/pcontImages/arrow_off.gif");
}

table.products th.order1 a {
	background-image: url("/pcontImages/arrow_down.gif");
}

table.products th.order2 a {
	background-image: url("/pcontImages/arrow_up.gif");
}

table.products td.image {
	width: 1%;
	text-align: center;
}

table.products td.number {
	text-align: right;
}

table.productsSistemas {
	border-top: #e2e2e2 1px solid;
	border-bottom: #e2e2e2 1px solid;
	border-left: #e2e2e2 1px solid;
	border-right: #e2e2e2 1px solid;
	border-collapse: collapse;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

table.productsSistemas td.image {
	border-top: #e2e2e2 1px solid;
	border-bottom: #e2e2e2 1px solid;
	border-left: #e2e2e2 1px solid;
	border-right: #e2e2e2 1px solid;
	border-collapse: collapse;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

/*messages*/
div.error {
      background: #ffc;
      border: 1px solid #c0c0c0;
      color: #f00;
      font-size: 10px;
      font-weight: bold;
      margin: 5px 0px 5px 0px;
      padding: 3px;
      text-align: left;
      vertical-align: bottom;
      width: 100%;
}

div.message {
      background: #FFFFCC;
      border: 1px solid #c0c0c0;
      color: blue;
      font-size: 10px;
      font-weight: normal;
      margin: 5px 0px 5px 0px;
      padding: 3px;
      text-align: left;
      vertical-align: bottom;
      width: 100%;
}

div.message img.icon {
      vertical-align: middle;
      border: 0px;
      height: 13px;
      margin: 1px;
      width: 14px;
}