/* ================================
    CSS STYLES FOR IBUYSPY PORTAL 
    v1.0, 01/2001
   ================================
*/   


/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.EncabezadoBg {
    /* background-color: darkblue;*/
    background-color: #808080;
}


.HeadBg {
    background-color: #318ED6;
}

.PestanaEncabezadoDerecha {
/*    background-color: #318ED6;*/
}

.PestanaEncabezadoDerechaLink {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: White
} 


a:link.PestanaEncabezadoDerechaLink {
    text-decoration:    none;
    color:White;
    font-weight: bold;
} 





a:visited.PestanaEncabezadoDerechaLink {
    text-decoration:    none;
    color:White;
    font-weight: bold;
} 

/*Estilo  para los menus del encabezado */

/*Menus Estaticos background-color: #318ED6; */



.MenuStaticMenuItemStyle {
    color: black;
    font-family: Tahoma, Arial,Helvetica, sans-serif;
    font-size: 8px;
    font-weight: bold;
}

a:link.MenuStaticMenuItemStyle    {
    text-decoration:    none;
    color:white;
    font-weight: bold;
}

a:visited.MenuStaticMenuItemStyle {
    text-decoration:    none;
    color:yellow;
    font-weight: bold;
}

a:active.MenuStaticMenuItemStyle  {
    text-decoration:    none;
    color:white;
    font-weight: bold;
}

a:hover.MenuStaticMenuItemStyle   {
    text-decoration:    underline;
    color:white;
    font-weight: bold;
    backgorund-color:#8AC682;
}



.MenuStaticSelectedStyle {
    color: white;   
    font-weight: bold

}

a:link.MenuStaticSelectedStyle    {
    text-decoration:    none;
    color: white;
    font-weight: bold;
}

a:visited.MenuStaticSelectedStyle {
    text-decoration:    none;
    color: white;
    font-weight: bold;
}

a:active.MenuStaticSelectedStyle  {
    text-decoration:    none;
    color: white;
    font-weight: bold;
}

a:hover.MenuStaticSelectedStyle   {
    text-decoration:    underline;
    color:   white;
    font-weight: bold;
   /*backgorund-color:#8AC682;*/
   background-color:#B8DB7C;
}





/* Menus Dinamicos Cambia el menu de las ventanas que se despliegan*/
.MenuDynamicMenuItemStyle {
    background-color: #B8DB7C;
/*    border-color: Black;*/
    font-family: Arial, Verdana Bold, Helvetica, sans-serif;
    font-size: 9px;

}

a:link.MenuDynamicMenuItemStyle    {
    text-decoration:    none;
    color: White;
}

a:visited.MenuDynamicMenuItemStyle {
    text-decoration:    none;
    color: White;
}

a:active.MenuDynamicMenuItemStyle  {
    text-decoration:    none;
    color: White;
}

a:hover.MenuDynamicMenuItemStyle   {
    text-decoration:    underline;
    color: Black;
}



.MenuDynamicHoverStyle {
    background-color: #8AC682;
    color : Black
/*    font-family: Verdana Bold, Helvetica, sans-serif;
    font-size: 10px;*/
}






/* background color for the left pane  */
.LeftPaneBg {
    background-color: #9DCD2B;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
/*    line-height: 10p; */
    color: black;
}




.ContentPaneBg {
background-color: white;
}


.RightPaneBg {
background-color: white;

}









/* background color for the content part of the pages */
Body
{
    background-color: #8AC682;
}


/* PAGE BANNER */
/* NOTE: Site Title, Site Links and Tabs are rendered by MobilePortalBanner.ascx
/* style for the text of the site title */
.SiteTitle {
    font-family: Verdana Bold, Helvetica, sans-serif;
    font-size: 30px;
    font-weight: bold;
    color:#ffcc33
}

/* background/border colors for the selected tab */
.TabBg {
    background-color: #FFF5EE;
    border-color: #FFF5EE;
}

/* background/border colors for the unselected tabs */
.OtherTabsBg {
    background-color: #000077;
    border-collapse: collapse;
    font-size: 8pt;
}

/* text style for the selected tab */
.SelectedTab {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #cc33ff;
    background-color: white;
    font-weight: bold

}

/* text style for the unselected tabs; Colores de los menus */
.OtherTabs {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    color:gainsboro;
    text-decoration:none;
    font-weight: bold
}

/* hyperlink styles of the unselected tabs */
a:link.OtherTabs    {
    text-decoration:    none;
    color:#EEB422;
}

a:visited.OtherTabs {
    text-decoration:    none;
    color:#EEB422;
}

a:active.OtherTabs  {
    text-decoration:    none;
    color:#EEB422;
}

a:hover.OtherTabs   {
    text-decoration:    underline;
    color:#EEB422;
}
    
/* text style for the site links (at extreme top-right of header) */
.SiteLink {
    font-family: Tahoma,Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: boldxc;
}   

/* hyperlink style for the site links; colores del menu superior, donde aparece el contacteme y el regreso a la pagina principal */
a:link.SiteLink {
    text-decoration:    none;
    color:#EEC900;
}

a:visited.SiteLink  {
    text-decoration:    none;
    color:#EEC900;
}

a:active.SiteLink   {
    text-decoration:    none;
    color:#EEC900;
}

a:hover.SiteLink    {
    text-decoration:    underline;
    color:white;
}

/* style for separator between site links, separador menu superior */
.Accent
{
    color: white;
    font-weight:    bold;
    font-family: Tahoma,Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: boldxc;
}

a:link.Accent {
    text-decoration:    none;
    color:white;
}

a:visited.Accent  {
    text-decoration:    none;
    color:white;
}

a:active.Accent   {
    text-decoration:    none;
    color:white;
}

a:hover.Accent    {
    text-decoration:    underline;
    color:white;
}



/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */    
/*.Message    {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    font-size: 10px;
    background-color: Maroon
} */  

/* style of item titles by Announcements and events */
.ItemTitle    {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: #0000CD;
}



/* GENERAL */
/* style for module titles */
.Head   {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    bold;
    color: DarkGreen;
}

/* style of item titles on edit and admin pages; colores cuando se da la opcion Editar */
.SubHead    {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  10px;
    font-weight:    bold;
    color: green;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  10px;
    font-weight:    bold;
    color: white;
}

/* text style used for most text rendered by modules */
.Normal
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    line-height: 9px   ;
    color: black; 
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
}

/* Texto con el que se informa el estado durante la conexion... login fallo */
.NormalRed
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: red
}

.NormalBold
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    color: Silver;
}
    
.HeadSmaller   {
	font-family: Verdana, Helvetica, sans-serif;
	font-size:  11px;
	font-weight:    bold;
	color: #666644;
	height: 12px;
	vertical-align : sub ;
}

/* para los estilos de las tablas se define el nombre del estilo en la configuracion del Modulos
   y luego se crea un bloque identico al siguiente */

.conscum {
 border: 2px solid red;
 font-weight : normal; 
 font-size : 10px; 
 text-transform : none; 
 color : black; 
 font-family : Tahoma; 
 background-color : #FFF5EE; 
 font-variant : normal
}

.conscum_01 {
 border: 2px solid ;
 font-weight : bold; 
 font-size : 10px; 
 text-transform : none; 
 color : black; 
 font-family : Tahoma; 
 background-color : #FFF5EE; 
 font-variant : normal
}




.consultadb {
 border: 2px;
 border-collapse: collapse;
/* borderColor: Black;
 borderColorDark: Black;
 borderColorLight: Black;
 borderLeftColor: Red*/
}

.consultadbheader {
 font-weight : bold; 
 font-size : 10px; 
 text-transform : none; 
 color : #000080; 
 font-family : Tahoma; 
 background-color : #EEB422; 
 font-variant : normal
}


.consultadbitem {
 font-weight : bold; 
 font-size : 10px; 
 text-transform : none; 
 color : blue; 
 font-family : Tahoma; 
 background-color : white; 
 font-variant : normal
}



/*.conscum {
 bordercolor : blue;
 background-color : white;
 font-variant : normal
}*/

.conani {
 border-right     : red 1px solid; 
 border-top       : red 2px solid; 
 font-weight      : bold; 
 font-size        : 12px; 
 text-transform   : none; 
 border-left      : yellow 1px solid; 
 color            : black; 
 border-bottom    : yellow 1px solid; 
 font-family      : Tahoma; 
 background-color : white; 
 font-variant     : normal
}




.cabecera {
    height:29px;
    width: 550px;
    background-image: url(images/fondo_header.png);
    background-repeat: repeat-x;
    vertical-align: middle;
    color            : black;
}

.TituloModulo {
    background-image: url(images/fondo_header.png);
    background-repeat: repeat-x;
    vertical-align: left;
    color         : black;
}

.MarcoPg 
{
 /*  border-color:  white; 
   border-width: 10px; */
   background-color: White; 
   
}


/* hyperlink style for buttons and link buttons used in the portal admin pages */
a:link.CommandButton {
    text-decoration:    underline;
    color: Gray;
}

a:visited.CommandButton  {
    text-decoration:    underline;
    color: Gray;
}

a:active.CommandButton   {
    text-decoration:    underline;
    color: Gray;
}

a:hover.CommandButton    {
    text-decoration:    underline;
    color: red;
}
    



/* GENERIC */
H1  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  15px;
    font-weight:    normal;
    color: #666644;
}

H2  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  15px;
    font-weight:    normal;
    color: #666644;
}

H3  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  10px;
    font-weight:    normal;
    color: Maroon;
}

H4  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  10px;
    font-weight:    normal;
    color: Maroon;
}

H5, DT  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  10px;
    font-weight:    bold;
    color: Maroon;
}

H6  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: Maroon;
}

TFOOT, THEAD    {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    color: Maroon;
}

TH  {
    vertical-align: baseline;
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  10px;
    font-weight:    bold;
    color: Maroon;
}

/* Textos de los enlaces usados en el sitio por ejemplo los del sitio web y la pagina Transaccional */
A:link  {
    text-decoration:    none;
    color:  black;
    font-weight:    bold;
    target: _self;
}

A:visited   {
    text-decoration:    none;
    color:  black;
    font-weight:    bold;
}

A:active    {
    text-decoration:    none;
    color: black;
    font-weight:    bold;
}

A:hover {
    text-decoration:    underline;
    color:  black;
    font-weight:    bold;
}

SMALL   {
    font-size:  8px;
}

BIG {
    font-size:  12px;
}

BLOCKQUOTE, PRE {
    font-family:    Lucida Console, monospace;
}


UL LI   {
    list-style-type:    square ;
}

UL LI LI    {
    list-style-type:    disc;
}

UL LI LI LI {
    list-style-type:    circle;
}

OL LI   {
    list-style-type:    decimal;
}

OL OL LI    {
    list-style-type:    lower-alpha;
}

OL OL OL LI {
    list-style-type:    lower-roman;
}

HR {
    color: Silver;
    height:1pt;
    text-align:left
}





