/* Overall Page */

body {
	margin: 0 auto;
	padding-bottom: 2em;
	background-color: #FFFFFF;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 995px;
}

.textoNormal
{
	font-family: "Arial";
	font-size : 10pt;
	color :#777777;
	line-height: 150%;
	
}
.textoNormalSeparacion100
{
	font-family: "Arial";
	font-size : 10pt;
	color :#777777;
	line-height: 100%;
	
}

.textoNormalNegrilla
{
	font-family: "Arial";
	font-size : 10pt;
	color :#777777;
	line-height: 150%;
	font-weight:bold ;
	
}
.textoNormal105
{
	font-family: "Arial";
	font-size : 10.5pt;
	color :#777777;
	line-height: 150%;
	
}
.textoNormal105Negrilla
{
	font-family: "Arial";
	font-size : 10.5pt;
	color :#777777;
	line-height: 150%;
	font-weight: bold;
	
}
.textoNormalIzquierda
{
	font-family: "Arial";
	font-size : 10pt;
	color :#777777;
	line-height: 150%;
	text-align: left ;
	
}
.textoNormalIzquierdaNoticias
{
	font-family: "Arial";
	font-size : 10pt;
	color :#777777;
	line-height: 140%;
	text-align: left ;
	
}
.textoNormalNegrilla
{
	font-family: "Arial";
	font-size : 10pt;
	color :Black ;
	line-height: 150%;
	font-weight : bold ;
	
}
.textoPequenioGris
{
	font-family: "Arial";
	font-size : 9pt;
	color :Gray  ;
	line-height: 150%;
	font-weight : bold ;
	
}
.textoPequenioAzul
{
	font-family: "Arial";
	font-size : 9pt;
	color : #0487AF   ;
	line-height: 150%;
	font-weight : bold ;
	
}
.textoTituloNoticia
{
	font-family: "Arial";
	font-size : 10pt;
	color :#58595B;
	line-height: 100%;
	
}
.textoMenuNoticiaFecha
{
	font-family: "Arial";
	font-size : 10pt;
	color :#00ccff;
	line-height: 100%;
	
}
.textoGrande
{
	font-size: 12pt;
	color: Gray ;
	font-style: normal;
	font-family: Arial;
	font-variant: normal;
}
.textoTitulo
{
	font-weight: bold;
	font-size: 12pt;
	color: Gray ;
	font-style: normal;
	font-family: Arial;
	font-variant: normal;
}
.textoTituloAlternativo
{
	font-weight: bold;
	font-size: 11pt;
	color: #0487AF;
	font-family: Arial;
	text-transform : none ;
}

.textoNormalAzulClaro
{
	font-size: 10pt;
	color: #0487AF;
	font-family: Arial;
	text-transform : none;
	font-weight : bold ;
	
}
.textoGrandeAzulClaro
{
	font-size: 12pt;
	color: #0487AF;
	font-family: Arial;
	text-transform : none;
	font-weight : bold ;
	
}

.bordeSolid
{
	border : solid 1px black;
	margin: 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	}

/* Header Section */

#header {
	border-top: 3px solid #B51032;
	border-bottom: 1px dotted #B51032;
	height: 3em;
}
#header .title {
	font: 190% Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
	color: black;
	background-color: transparent;
	float: left;
	margin-right: 2em;
	margin-top: 0.3em;
	margin-left: .8em;
}
#header .breadcrumb {
	font: 90% Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
	color: black;
	background-color: transparent;
	float: right;
	margin-right: 2em;
	margin-top: 0.8em;
	font-weight:bold;
}


/* Navigation */

#navigation {
	width: 200px;
	top: 5em;
	left: 1em;
	width: 13em;	
	position:absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:90%;
	
}
#bordeDerecha
{
	border-right:solid;
}

#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#navigation li {
	border-bottom: 1px solid #ED9F9F;
}
#navigation li a  {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 12px solid #711515;
	border-right: 1px solid #711515;
	background-color: #B51032;
	color: #FFFFFF;
	text-decoration: none;
}
#navigation li a:hover {
	background-color: #711515;
	color: #FFFFFF;
}
#navigation ul ul {
	margin-left: 12px;
}
#navigation ul ul li {
	border-bottom: 1px solid #711515;
	margin:0;
	background-color: #ED9F9F;
	color: #711515;
}
#navigation ul ul a:link, #navigation ul ul a:visited {
	background-color: #ED9F9F;
	color: #711515;
}
#navigation ul ul a:hover {
	background-color: #711515;
	color: #FFFFFF;
}

/* Main Content */

#content 
{
	margin-top:1em;
	margin-left: 16em;
	margin-right: 2em;
}
h1 {
	font: 150% Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
}
#content p {
	font-size: 80%;
	line-height: 1.6em; 
}

#content ul {
	font-size: 80%;
	line-height: 1.6em; 
}


/* Data Web Control Styles */

.DataWebControlStyle
{
    font-size: 90%;
}

.HeaderStyle
{
    background-color: #900;
    color: White;
    font-weight: bold;
}

.AlternatingRowStyle
{
    background-color: #fcc;
}

.RowStyle
{
}


/*Pagina Productos*/



.ProductoDescripcionMenu
{
   float: left ;
    width:431px;
    height: 63px;
    background-image:url(Imagenes/Botones/fondo-botonera.png) ;
    background-position:center ;
    background-repeat : no-repeat ;
}
.ProductoDescripcionEspacioBlanco
{
   float: left;
    width:334px;
    height: 63px;
   
   
}

/*
.ProductoDescripcionTexto2
{
    clear: both ;
    width:745px;

    padding-left:20px
}
*/
.ProductoDescripcionBarraInferior
{
    clear: both ;
    width:745px;
    padding-left:20px;
    height: 285px;
    background-image : url(Imagenes/Diseno/barra-inferior-productos.png); width:100%; height:41px; background-repeat:no-repeat 
}
.ProductoCaracteristicasBarraInferior
{
    clear: both ;
    width:745px;
    padding-left:20px;
    height: 285px;
    background-image : url(Imagenes/Diseno/barra-inferior-productos.png); width:100%; height:41px; background-repeat:no-repeat 
}

.ListaHorizontal
{
float:left;
width:100%;
padding:0;
margin:0;
list-style-type:none;
}
.linkMenu
{
/*float:left;*/
/*width:6em;*/
text-decoration: none;
font-weight:bold;
/*color: Gray ;*/
background-color:Transparent ;
/*padding-left: 25px;*/
/*padding-top:10px;*/

}


li {display:inline}

.ProductosCaracteristicasFondoCredito
{
   background-image : url(Imagenes/Diseno/caracteristicas_credito.jpg); width:745px; height:498px; background-repeat:no-repeat; background-position: 0 25%     ;  
}

.ProductosCaracteristicasFondoCRM
{
   background-image : url(Imagenes/Diseno/caracteristicas_crm.jpg); width:745px; height:498px; background-repeat:no-repeat; background-position: 0 25%     ;  
}

.ProductosCaracteristicasFondoFinanzas
{
   background-image : url(Imagenes/Diseno/caracteristicas_finanzas.jpg); width:745px; height:498px; background-repeat:no-repeat; background-position: 0 25%     ;  
}
.ProductosCaracteristicasFondoNomina
{
   background-image : url(Imagenes/Diseno/caracteristicas_nominas.jpg); width:745px; height:498px; background-repeat:no-repeat; background-position: 0 25%     ;  
}

.ProductosCaracteristicasFondoPOS
{
   background-image : url(Imagenes/Diseno/caracteristicas_pos.jpg); width:745px; height:498px; background-repeat:no-repeat; background-position: 0 25%     ;  
}
.ProductosCaracteristicasFondoRBI
{
   background-image : url(Imagenes/Diseno/caracteristicas_rbi.jpg); width:745px; height:498px; background-repeat:no-repeat; background-position: 0 25%     ;  
}
.ProductosCaracteristicasFondoSAR
{
   background-image : url(Imagenes/Diseno/caracteristicas_sar.jpg); width:745px; height:498px; background-repeat:no-repeat; background-position: 0 25%     ;  
}
.ProductosCaracteristicasFondoWMS
{
   background-image : url(Imagenes/Diseno/caracteristicas_wms.jpg); width:745px; height:498px; background-repeat:no-repeat; background-position: 0 25%     ;  
}

.ProductosCaracteristicasFondoActivoFijo
{
   background-image : url(Imagenes/Diseno/caracteristicas_activo-fijo.jpg); width:745px; height:498px; background-repeat:no-repeat; background-position: 0 25%     ;  
}

.ProductosCaracteristicasFondoBSC
{
   /*float: left;*/

   background-image : url(Imagenes/Diseno/caracteristicas_bsc.jpg); width:745px; height:498px; background-repeat:no-repeat; background-position: 0 25%     ;  
   
}
.ProductosCaracteristicasFondoMerchandising
{
   /*float: left;*/

   background-image : url(Imagenes/Diseno/caracteristicas_merchandising.jpg); width:745px; height:498px; background-repeat:no-repeat; background-position: 0 25%     ;  
   
}
.ProductosDescripcionFondo
{
   width:745px; height:498px;  
}
.ProductosBeneficiosFondo
{
   /*float: left;*/
   width:745px;
   background-image : url(Imagenes/Diseno/rueda-beneficios.jpg); width:745px; height:498px; background-repeat:no-repeat ; background-position: 95% 70%; 
   
}

.ProductoCaracteristicasMenu
{
   float: left ;
    width:411px;
    height: 63px;
    background-image:url(Imagenes/Botones/fondo-botonera.png) ;
    background-position:center ;
    background-repeat : no-repeat ;
   
}
.ProductoCaracteristicasEspacioBlanco
{
   float: left;
    width:314px;
    height: 63px;
   
   
}

/*LO NUEVO*/

.MenuGeneral
{
    float: left ;
    width:431px;
    height: 63px;
    /*background-image:url(Imagenes/Botones/fondo-botonera.png) ;*/
    background-position:center ;
    background-repeat : no-repeat;
    border-width : 0;
    margin: 0;
    padding: 0;
   
}
.EspacioBlancoGeneral
{
    float: left;
    width:313px;
    height: 63px;
    border-width : 0;
    margin:0;
    padding:0;
}

.ProductoDescripcionImagen
{
    float : left;
    width:255px;
    /*height: 245px;*/
    height: 223px;
    margin : 0px 20px 0px 10px  ;
    border-width : 0;
    padding: 0px 0px 0px 0px;
}
.ProductoDescripcionImagenOpcional
{
    float : left;
    width:255px;
    /*height: 245px;*/
    height: 323px;
    margin : 0px 20px 0px 10px  ;
    border-width : 0;
    padding: 20px 0px 0px 0px;
}



.ProductoDescripcionTexto1
{
 
    width:450px;
    /*height: 245px;*/
    height: 223px;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    
}
.ProductoDescripcionTexto1Opcional
{
 
    width:450px;
    /*height: 245px;*/
    height: 323px;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 20px 0px 0px 0px;
    
}

.ProductoDescripcionTexto2
{
    clear: both ;
    width:725px;
    margin: 0px 0px 0px 20px;
    height: 140px;
    border-width : 0;
    padding:10px 0px 0px 0px;   
   
}

.ProductoDescripcionTexto2Opcional
{
    clear: both ;
    width:725px;
    margin: 0px 0px 0px 20px;
    /*height: 140px;*/
    height: 20px;
    border-width : 0;
    /*padding:10px 0px 0px 0px;   */
    padding:10px 0px 0px 0px; 
   
}


.BarraInferiorGeneral
{
    clear: both ;
    width:725px;
    margin-left :20px;
    
   
    background-image : url(Imagenes/Diseno/barra-inferior-productos.jpg); width:100%; height:41px; background-repeat:no-repeat ; 
    /*padding-bottom:44px;*/
}


.ProductoCaracteristicasTextoIzquierda
{
    float : left;
    width:332px;
    height: 240px;
    padding-left:40px;
    padding-top: 120px;
    padding-bottom:13px;
}
.ProductoCaracteristicasImagenDerecha
{
    float :left;
    width:215px;
    height: 195px;
    /*padding-left:105px;*/
    padding-left:158px;
    padding-top:10px;
    vertical-align : top;
    text-align:right ; 
    
    
    
    
}

.ProductoCaracteristicasTextoDerecha
{
    float : left;
    width:353px;
    height: 155px;
    padding-left:20px;
    padding-bottom:13px;
}


/*Beneficios*/

.ProductoBeneficiosTitulo
{
    float : left;
    width:705px;
    height: 47px;
    padding-left:40px;
    background-image:url(Imagenes/Diseno/franja-titulo-beneficios.jpg) ;
    background-repeat: no-repeat;
    background-position: center center ;
    vertical-align: middle;

}

.ProductoBeneficiosTexto1
{
    float : left;
    width:725px;
    height: 298px;
    padding-left:15px;  /*Cambiado de 40px a 15px  para que se ajuste mejor segun el Diseno*/
    padding-top:15px;
    padding-bottom:13px;
}


.corrigePNG
{
}


/*.BarraInferiorGeneral, .ProductosCaracteristicasFondoMerchandising , .ProductosDescripcionFondo
.ProductoDescripcionImagen, .ProductoDescripcionTexto1, .ProductoDescripcionTexto2, .ProductoCaracteristicasTextoIzquierda, .ProductoCaracteristicasImagenDerecha, .ProductoCaracteristicasTextoDerecha, .ProductoBeneficiosTexto1, .ProductoBeneficiosTitulo, .ProductosBeneficiosFondo { behavior: url(Scripts/iepngfix.htc) }
*/
/*
img, div, input { behavior: url(Scripts/iepngfix.htc) }
*/

#tablaCabezal
{
 width:990px;
}

#cabezalImagen
{
 width: 232px; height: 120px;
}

#cabezalAnimacion
{
 width: 757px; height:120px;
}

#cabezalAnimacionMenu
{
 width: 990px; height: 85px;
}

#tablaContenido
{
 width: 990px;
}

#contenedorContenido
{
 width: 730px; height : 545px; 
 padding : 0px 0px 0px 0px ; margin: 0px 0px 0px 0px; border: none 0px;  
}
#pieImagen
{
 width: 990px; height: 28px;
}
#tablaContenidoFondo
{
 width: 730px; height: 545px;  background-position:50% center ;
}

table { border-collapse:collapse; }

td { padding:0px; margin:0px;}