/* ================================
Hoja de Estilos para el Portal Corporativo de RPS
   ================================
*/   

/*<GENERAL>*/
/* ZONA DE CABECERA DEL PORTAL. */

/* Color de fondo de los paneles izquierdo, central y derecho. Se puede establecer cuelquier color, */
/* pero hay que tener en cuenta cómo afectará al color del texto */
/*. */
.PanelIzdo
{
background-color:  white;
}

.PanelCentral
{
background-color: white;
}

.PanelDcho
{
background-color:white;
}
/* ** */


/* Fondo de página que está "detrás" de los paneles izquierdo,central y derecho. Tener en cuenta */
/* que será el color que se verá en caso de que existan márgenes entre los paneles */
/*. */
.FondoPagina
{
background-color:white;
}

/* Fondo de la franja de la cabecera en la que se encuentra el título y la imagen */
/*. */
.HeadBg 
{
background-color: black ;
}

/* Fondo del menu vertical */
/*. */
.VerticalBg 
{
background-color: Silver;
}
 
/* Fondo de la franja donde están los tabs. Tener en cuenta que hay un márgen encima de los TAB-s */
/* que pertenece a esa franja */
/*. */
.HeadYTabsBG
{
background-image:url('uploads/trainera.gif');
}

/* Fondo de la franja superior de la cabecera donde se encuentra el LOGIN */
/*. */
.BanderasBG
{
background-color:black;
}

/* TITULO DEL PORTAL. */
/* Estilo para el Título del portal corporativo */
/*. */
.SiteTitle 
{
font-family: Verdana;
font-size: 16px;
font-weight: bold;
color:white;
}
/* ** */


/* ESTILO DE LOS TABS. */
/* Color del tab seleccionado */
/*. */
.TabBg 
{
background-color: white;
border-color:white;
}

/* Color de los tabs NO seleccionados */
/*. */
.OtherTabsBg 
{
background-color:#5f5f5f;
border-color:white;
}

/* Estilo de texto para el tab seleccionado */
/*. */
.SelectedTab 
{
font-family: Verdana;
font-size: 10px;
color: black;
font-weight: bold;
}

/* Estilo de texto para los tabs NO seleccionados */
/*. */
.OtherTabs 
{
font-family: Verdana;
font-size: 10px;
color:#ebebeb;
text-decoration:none;
font-weight: bold;
}

/* Estilo del hyperlink de los tabs no seleccionados, cuando la página se carga por primera vez */
/*. */
a:link.OtherTabs
{
text-decoration:none;
color:#eeeeee;
}

/* Estilo del hyperlink de los tabs no seleccionados, después de haber visitado el tab alguna vez. */
/* Aparecerá con éste estilo hasta que la caché sea borrada */
/*. */
a:visited.OtherTabs 
{
text-decoration:none;
color: White;
}

/* Estilo del hyperlink de los tabs no seleccionados, mientras la página se está cargando. */
/* Normalmente es tan rápido que no se ve */
/*. */
a:active.OtherTabs  
{
text-decoration:none;
color:#eeeeee;
}

/*  Estilo del hyperlink de los TABS no seleccionados, cuando el puntero del ratón se pone encima */
/*. */
a:hover.OtherTabs   
{
text-decoration:underline;
color:white;
}
/* ** */


/* Zona de LOGIN, LOGOFF. */
/* Estilo de texto para el LOGIN y el LOGOFF (en el extremos superior derecho) */
/*. */
.SiteLink 
{
font-family: Verdana;
font-size: 9px;
font-weight: normal;
color:white;
  }   

/* Estilo del hyperlink de los links del portal */
/*. */
a:link.SiteLink 
{
text-decoration:none;
color:White;
font-weight:bold;
}

a:visited.SiteLink  
{
text-decoration:none;
color:White;
font-weight:bold;
}

a:active.SiteLink   
{
text-decoration:none;
color:White;
font-weight:bold;
}

a:hover.SiteLink
{
text-decoration:none;
color:white;
font-weight:bold;
}

/* ** */
/*</GENERAL>*/

/*<FRECUENTES>*/

/* Estilo para el borde del marco que hay alrededor de un módulo */
/*. */
.BordeMarco
{
border-width:1px;
border-style:solid;
border-color: Blue;
}
/* Estilo para el título que encabeza el marco que hay alrededor de un módulo */
/*. */
.TituloMarco
{
background-color:Green;
font-family:Arial;
font-size:13px;
font-weight:bolder;
color:Yellow;
}

/* Estilo para el enlace de edición que hay en el marco que hay alrededor de un módulo */
/*. */
.LinkMarco
{
font-family:Arial;
font-size:13px;
font-weight:bolder;
}
A.LinkMarco:link 
{
text-decoration:underline;
color: Yellow;
}

A.LinkMarco:visited  
{
text-decoration:underline;
color: Purple;
}

A.LinkMarco:active   
{
text-decoration:underline;
color: Lime;
}

A.LinkMarco:hover
{
text-decoration:underline;
color: red;
}
/* Estilo para los títulos de los módulos */
/*. */
.Head   
{
font-family: Verdana;
font-size: 10px;
font-weight:  bolder;
color:  black;
}

/* Estilo de los subtítulos de los módulos; hace referencia a los títulos que en las páginas de */
/* mantenimiento de cada uno de los módulos */
/*. */
.SubHead
{
font-family: Verdana;
font-size:10px;
font-weight:bolder;
color: black;
}

/* Estilo de los títulos de 3er nivel de importancia */
/*. */
.SubSubHead 
{
font-family: Verdana;
font-size:10px;
font-weight:bold;
color: black;
}

/* Estilo de texto de los labels y del texto de uso común en el portal. Se trata del texto general de */
/* todo el portal, salvo en el caso de los módulos tipo documento HTML, en el que el tipo de texto se define */
/* en el propio HTML */
/*. */
.Normal
{
font-family: Verdana;
font-size:10px;
font-weight: normal;
line-height: 10px;
color:black;
}

/* Estilo de texto de los textboxes. Se trata por ejemplo del tipo de letra que hay en los cajetines con */
/* la opción BUSCAR (donde escribes lo que quieres buscar), o el tipo de letra que se aplica a los cajetines */
/* de los mantenimientos */
/*. */
.NormalTextBox
{
font-family: Verdana;
font-size: 10px;
font-weight: normal;
color: Black;
}

/* Estilo de texto habitual en negrita */
/*. */
.NormalBold
{
font-family: Verdana;
font-size: 10px;
font-weight: bold;
color: Black;
}

/* Estilo de texto de los botones e hypervínculos del portal. Hace referencia a las frases-breves como, */
/* LEER MÁS de noticias, o EDITAR, APLICAR, AÑADIR,... de los mantenimientos */
/*. */
.CommandButton 
{
font-family: Verdana;
font-size: 10px;
font-weight:bold;
}

/* Estilo de los hyperlinks de los botones e hypervínculos del portal */
/*. */
a:link.CommandButton 
{
text-decoration:underline;
color:#4160c7;
}

a:visited.CommandButton  
{
text-decoration:underline;
color:#4160c7;
}

a:active.CommandButton   
{
text-decoration:underline;
color:#4160c7;
}

a:hover.CommandButton
{
text-decoration:underline;
color:#4160c7;
}

/* Estilo del texto de error usado en el portal. Hace referencia por ejemplo a los mensajes de error */
/* que se visualizan cuando no rellenamos algún campo obligatorio */
/*. */
.ErrorText
{
color:#f03500;
font-family: Verdana;
font-size: 10px;
font-weight:bold;
line-height: 20pt;
}
/*</FRECUENTES>*/

/*<ESPECIFICOS>*/
/* ESPECÍFICO DE LOS MÓDULOS DEL PORTAL. */

/* Estilo de texto para los mensajes del foro de discusión */
/*. */
.Message
{
font-family: Verdana;
font-size: 10px;
font-weight:normal;
background-color: #eeeeee;
}   

/* Estilo de texto para los títulos de las noticias y eventos */
/*. */
.ItemTitle
{
font-family: Verdana;
font-size: 10px;
font-weight:bold;
color: black;
}

/* Estilo de texto del indicador del menú de la tienda que sirve para saber */
/* en que línea, familia y subfamilia nos encontramos dentro del menú. esto es */
/* en definitiva para saber que elemento ha sido pulsado en el menú, ya que en éste */
/* no queda marcado el elemento */
/*. */
.RPSMenuIndicador
{
font-family: Verdana;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color:#4160c7;
}

/* Color del menú usado en el menú del módulo RPS-menú y en el módulo de la tienda */
/*. */
.RPSMenuFondo
{
background-color: white;
}

/* Color de fondo usado en el ASCX de edición del módulo RPS-menú (webEditMenu). */
/* Se trata del recuadro que aparece cuando se edita el menú */
/*. */
.RPSMenuEditarFondo
{
background-color:Silver;
}

/* Estilo de texto de los menús usados tanto en el módulo de la tienda como en el módulo RPS-menú */
/*. */
.RPSMenu
{
font-family: Verdana;
font-size: 9px;
font-weight:normal;
color: black;
}

/* Esta es la propiedad por defecto que da apariencia a un link cuando no se aplica una de las abajo citadas */
/*. */
a:link.RPSMenu 
{
font-family: Verdana;
font-size: 9px;
font-weight: normal; 
text-decoration:none;
color: black;
background-color:white;
border-style:none;
border-color:black;
border-width:thin;
}

/* Esta propiedad se aplica a los puntos de menú visitados alguna vez */
/*. */
a:visited.RPSMenu  
{
font-family: Verdana;
font-size: 9px;
font-weight: normal; 
text-decoration:none;
color: black;
background-color:white;
border-style:none;
border-color:black;
border-width:thin;
}
 
/* Esta propiedad se aplica al punto de menú cuando se ha pulsado un punto de menú y está cargando el módulo */
/*. */
a:active.RPSMenu   
{
font-family: Verdana;
font-size: 9px;
font-weight: normal; 
text-decoration: none;
color:black;
background-color:white;
border-style:none;
border-color:Gray;
border-width:thin ;
}

/* Esta propiedad se aplica al pasar por encima de un punto de menú con el ratón */
/*. */
a:hover.RPSMenu
{
font-family: Verdana;
font-size: 9px;
font-weight:  normal; 
text-decoration: none;
color:white;
background-color:black;
border-style:none;
border-color:Gray;
border-width:thin;
}

/* Estilo de la cabecera de la grid de la lista de la cesta de la compra. La primera franja */
/*. */
.CartListHead
{
background-color:  lightsteelblue;
color: black;
font-family: Verdana;
font-size: 10px;
font-weight: bold;
line-height: 20pt;
padding-left: 5px;
}

/* Estilo de los elementos de la grid de la lista de la cesta de la compra */
/*. */
.CartListItem
{
background-color: #ffffff;
color: black;
font-family: Verdana;
font-size: 10px;
padding-left: 5px;
}

/* Estilo de los elementos alternos de la grid de la lista de la cesta de la compra */
/*. */
.CartListItemAlt
{
background-color: #f2f2f2;
color: black;
font-family: Verdana;
font-size: 10px;
padding-left: 5px;
}

/* Estilo del pie de la grid de la lista de la cesta de la compra. La última franja */
/*. */
.CartListFooter
{
background-color: lightsteelblue;
line-height: 10pt;
}

/* Estilo del título de la página de la cesta de la compra (shoppingCart.aspx y checkOut.aspx) */
/*. */
.ContentHead
{
background-color: lightsteelblue;
color: black;
font-family: Verdana;
font-size:14px;
font-weight:normal;
}

/* Estilo del texto que permite navegar por las categorías en las páginas de promociones */
/*. */
.CategPromocTitulo
{
font-family: Verdana;
font-size: 10px;
font-weight: bold;
color:red;
}

/* Estilo de la cabecera de la lista de productos también comprados por usuarios */
/* que también compraron el producto que se está consultando ahora */
/*. */
.ListaProdComprados
{
background-color: steelblue;
color: white;
font-family: Verdana;
font-size: 10px;
font-weight: bold;
}

/* Estilo de las filas de la lista de productos también comprados por usuarios */
/* que también compraron el producto que se está consultando ahora */
/*. */
.ProdCompradosFilas
{
background-color: lightsteelblue;
font-weight:bold;
}

a:link.ProdCompradosFilas
{
text-decoration:none;
color:black;
}

a:visited.ProdCompradosFilas 
{
text-decoration:none;
color:black;
}

a:active.ProdCompradosFilas  
{
text-decoration:none;
color:black;
}

a:hover.ProdCompradosFilas   
{
text-decoration:none;
color:black;
}

/* Estilo de texto del título de la página de calificación de artículos */
/*. */
.TituloCalificar
{
background-color:steelblue;
font-size:15px;
font-weight:bold;
color:white;
}

/* Estilo del texto de la cabecera del foro de discusión */
/*. */
.CabeceraForo
{
font-family: Verdana;
font-size: 10px;
font-weight: bold ;
line-height: 13px; 
}

/* Color de fondo del texto obligado a aceptar en la venta de artículos */
/*. */
.FondoTextoLegal
{
background-color: orange;
}

/* Estilo del texto obligado a aceptar en la venta de artículos */
/*. */
.TextoLegal
{
color:Black;
font-family: Verdana;
font-size: 10px;
font-weight: bold ;
line-height: 13px; 
}

/* Estilo de los módulos de apariencia a control de windows (los módulos de SAT) */
/* (Listado,consulta,gestión de avisos; consulta de pedidos y BD problema solución) */
/*. */
.ControlDeWindows
{
background-color: #d4d0c8;
color:Black;
font-family: Verdana;
font-size: 10px;
font-weight: normal;
line-height: 12px;
}

/* Estilo de los módulos de apariencia a control oscuro de windows (los border oscuros de los módulos de SAT) */
/* (Listado,consulta,gestión de avisos; consulta de pedidos y BD problema solución) */
/*. */
.DarkControlDeWindows
{
background-color: #808080;
color:Black;
font-family: Verdana;
font-size: 10px;
font-weight: normal;
line-height: 12px;
}

/* Estilo de las grids de los módulos de apariencia a control de windows (los módulos de SAT) */
/* (Listado,consulta,gestión de avisos; consulta de pedidos y BD problema solución) */
/*. */
.GridDeWindows
{
 Border-Width: 0;
 Background-Color:#d4d0c8;
 Border-Color:#d4d0c8;
}

/* Estilo de la fila seleccionada de las grids de los módulos de apariencia a control de windows */
/* (los módulos de SAT) (Listado,consulta,gestión de avisos; consulta de pedidos y BD problema solución) */
/*. */
.GridDeWindows-SelectedItem
{  
font-weight:bold ;
Color:White;
Background-Color:Highlight;
font-family: Verdana;
font-size: 10px;
}

/* Estilo de las filas de las grids de los módulos de apariencia a control de windows (los módulos de SAT) */
/* (Listado,consulta,gestión de avisos; consulta de pedidos y BD problema solución) */
/*. */
.GridDeWindows-Item
{
Color:Black ;
Background-Color:white;
font-weight:bold;
font-family: Verdana;
font-size: 10px;
}

/* Estilo de la cabecera de las grids de los módulos de apariencia a control de windows (los módulos de SAT) */
/* (Listado,consulta,gestión de avisos; consulta de pedidos y BD problema solución) */
/*. */
.GridDeWindows-Header
{ 
Font-weight:bold;
Color:White;
Border-Color:#808080;
Background-Color:#808080;
}

/* Estilo del pie de las grids de los módulos de apariencia a control de windows (los módulos de SAT) */
/* (Listado,consulta,gestión de avisos; consulta de pedidos y BD problema solución) */
/*. */
.GridDeWindows-Footer
{
Color:Black ;
Background-Color:#d4d0c8;
font-family: Verdana;
font-size: 10px;
font-weight: normal;
}

/* Estilo de la zona de paginación de los módulos de apariencia a control de windows (los módulos de SAT) */
/* (Listado,consulta,gestión de avisos; consulta de pedidos y BD problema solución) */
/*. */
.GridDeWindows-Pager
{
Color:Black ;
Background-Color:#d4d0c8; 
font-family: Verdana;
font-size: 10px;
font-weight: normal;
}

/* Fondo de las zonas de buscar de los controles de documentos (lo de la lupa) */
/*. */
.FondoBuscar
{
background-color:white;
}

/* Texto de las zonas de buscar de los controles de documentos (lo de la lupa) */
/*. */
.TextoBuscar
{
color:black;
font-family: Verdana;
font-size:10px;
font-weight: bold;
}

/* Estilo de los links de los módulos de hacer login, registrarse etc */
/*. */
.TextoLogin
{
background-color: white;
font-weight:bold;
font-family: Verdana;
font-size:10px;
}

a:link.TextoLogin
{
text-decoration:none;
color: black;
}

a:visited.TextoLogin 
{
text-decoration:none;
color: black;
}

a:active.TextoLogin  
{
text-decoration:none;
color: black;
}

a:hover.TextoLogin   
{
text-decoration:none;
color: black;
}
/* Estilo de el módulo de links y también de el link del módulo de contactar */
/*. */
.Links
{
background-color: white;
font-weight:bold;
font-family: Verdana;
font-size: 10px;
}
a:link.Links
{
text-decoration:underline;
color: black;
background-color: white;
}
a:visited.Links
{
text-decoration:underline;
color: black;
background-color: white;
}
a:active.Links
{
text-decoration:underline;
color: black;
background-color: white;
}
a:hover.Links
{
text-decoration:underline;
color: #4160c7;
background-color: white;
}
/*</ESPECIFICOS>*/

.stlTexto     { font-family: Verdana; font-size:8pt }
.stlTituloRPS { color: #000000; font-size:12pt; font-family:Arial; font-weight:bold}
h2            { font-family: Verdana; font-size: 13pt }
.stlPeque     { font-family: Verdana; font-size:7pt }