@charset "utf-8";
/* CSS Document */

/* ==================================contenido====================================== */

#contenido
{
width:780px;
height:auto;
}
/*=======================*/
#superior
{
width:780px;
height:240px;
background:#fff;
padding-top:10px;
}

/*=======================*/
#izquierda
{
float:left;
width:780px;
height:auto;
background:#FFFFFF;
padding-top:10px;
padding:bottom:20px;
}
#selectorProd
{
width:350px;
height:343px;
float:left;
border-left:solid thin #999999;
border-bottom:solid thin #999999;  
border-width:1px;
display:inline;

margin-right:0px;
margin-left:45px;
}


#labelSelectorProd
{
   background:#1C388B;
   color:#fff;
text-align:center;
margin:0px;

width:350px;
height:20px;
font-size:13px;
}

.selectorScanner
{
height:80px;
width:350px;
padding:0px;

background:#FcFcFc;
/*background:url(../data/images/selector.jpg);*/
border-bottom:solid thin #999999;
border-width:1px;
padding-left:2px;
}

#enRed
{
border-top:solid thin #999999;
border-width:1px;
}
#produccion
{
margin-bottom:0px;
}

.labelCat
{
width:90px;
height:50px;
font-size:12px;
display:block;
float:left;
font-weight:normal;
color:#1C388B;
font-family:arial;
margin:0px;
margin-top:25px;
margin-left:7px;
}

.flechaIzquierda
{
width:20px;
height:19px;
display:inline;
float:left;
margin-top:25px;
margin-left:13px;
margin-right:10px;
background:url(../data/images/flechaIzq.png) !important;
background-image: none;
filter: none !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='data/images/flechaIzq.png');
}
.flechaIzquierda:hover
{
background:url(../data/images/flechaIzqH.png) !important;
background-image: none;
filter: none !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='data/images/flechaIzq.png');
}
.flechaIzquierda:active
{
background:url(../data/images/flechaIzqA.png) !important;
background-image: none;
filter: none !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='data/images/flechaIzq.png');
}
.flechaDerecha
{
width:20px;
height:19px;
display:inline;
float:right;
margin-top:25px;
margin-right:5px;
background:url(../data/images/flechaDer.png) !important;
background-image: none;
filter: none !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='data/images/flechaDer.png');

}
.flechaDerecha:hover
{
background:url(../data/images/flechaDerH.png) !important;
background-image: none;
filter: none !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='data/images/flechaIzq.png');
}
.flechaDerecha:active
{
background:url(../data/images/flechaDerA.png) !important;
background-image: none;
filter: none !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='data/images/flechaIzq.png');
}
.scannerMini
{
width:58px;
height:auto;
background:#fff;
float:left;
margin-left:0px;
margin-top:7px;
color:#1C388B;
border:none;
text-align:center;
font-size:54%;
border:dotted thin #fff;
}
.scannerMini img
{
	border: none;
}
.scannerMini:hover
{
border:dotted thin #666666;
border-width:1px;
color:#CC0000;
}
.nombreScanner
{

font-weight:normal;
margin:0px;
padding:0px;
float:right;
display:block;
width:auto;
}
.scannerMiniI
{
display:none;
border:none;
}
/*=======================*/
/*      el scanner       */
/*=======================*/
#detallesProducto
{
float:left;
display:inline;
width:335px;
height:343px;
background:#FcFcFc;
border: solid thin #999999;
border-width:1px;
border-left:none;
border-top:none;
}











/*=======================*/
#derecha
{
float:right;
width:170px;
height:373px;
border: solid thin #999999;
border-width:1px;
background:#f3f3f3;
display:none;
}
#casosExito
{
width:163px;
height:189px;
margin-top:12px;
}
#cgd
{
width:163px;
height:108px;
margin-top:30px;
}

/*==================================VISUALIZADOR PRODUCTO====================================*/


#labelReferenciaScanner
{
   background:#1C388B;
   color:#fff;
text-align:center;
height:20px;
margin:0px;
font-size:13px;
}

#fotoGrandeScanner
{
margin-top:4px;
display:block;
height:180px;
margin: 4px 4.5%;
padding-bottom:3px;
background:url(../data/images/logoScanners.gif) 35px 65px no-repeat; 
}
#fotoGrandeScanner img
{
border:none;
}
#detallesScanner
{
float:left;
width:165px;
height:auto;
margin-top:5px;
margin-left:15px;
display:inline;
font-size:12px;
}

#detallesScanner p
{
height:20px;
margin:0px;
margin-bottom:4px;
}

#manualDrivers
{
float:right;
width:129px;
height:auto;
margin-top:5px;
margin-right:15px;
display:inline;
}
#linkManual
{
  margin:0px;
height:auto;
display:block;
text-align:center;
background:url('../data/images/pdf.gif') no-repeat 109px 4px;
font-size:11px;
}
#linkDriver
{
  margin:0px;
height:20px;
display:block;
text-align:center;
background:url('../data/images/driver.jpg') no-repeat 109px 0px;
font-size:11px;
margin-top:5px;
}

#nombreScanner
{
  margin:0px;
margin-top:15px;
color:#1C388B;
text-align:center;
}
#divBoton
{
float:left;
width:335px;
margin:0px;
margin-top:15px;
text-align:center;
}
#botonCotizar
{
color:#cc0000;
margin-top:10px;
font-size:15px;
right:60px;
width:auto;
} 


/*espacioCotScanner*/
#espacioCotScanner
{
float:left;
	padding:0px;
	width: 328px;
border-right:solid thin #bbb;
border-width:1px;
margin-top:0px;
padding-top:60px;
height:262px;
background:#fafafa;
margin-left:0px;
display:none;
}
.pFormCot
{
width:110px;
float:left;
margin:0px;
}
#espacioCotScanner div
{
	margin-top:5px;
	width: 275px;
		height:20px;
margin-left:35px;
color:#495D82;
font-size:12px;

}
#botonEnviarCot
{
margin:0px;
float:right;
margin-right:20px;
margin-top:5px;
display:inline;
}
#linkCerrarCot
{
float:right;
margin-right:20px; 
display:inline;
font-size: 12px;
}

#mensajeResultadoCot
{
float:left;
height:30px;
width:180px;
margin-top:5px;
margin-bottom:10px;
color:#FF0000;
text-align:center;
font-size:11px;
}