/* ================================
    CSS STYLES FOR IBUYSPY PORTAL 
    v1.0, 01/2001
   ================================
*/   

a:visited.linkArticulo, a:link.linkArticulo, a:active.linkArticulo{
    text-decoration:none;
    color:blue;
    font-weight:normal;
}
a:hover.linkArticulo 
{
    text-decoration:none;
    color:Green;
    font-weight:normal;
}
span.linkArticulo
{
    text-decoration:none;
    color:blue;
    cursor:pointer;
}
span:hover.linkArticulo
{
    text-decoration:none;
    color:Green;
    cursor:pointer;
}
a:visited.linkCrearArticulo, a:link.linkCrearArticulo, a:active.linkCrearArticulo{
    text-decoration:none;
    color:red;
    font-weight:normal;
}
a:hover.linkCrearArticulo 
{
    text-decoration:none;
    color:Green;
    font-weight:normal;
}
span.linkCrearArticulo
{
    text-decoration:none;
    color:red;
    cursor:pointer;
}
span:hover.linkCrearArticulo
{
    text-decoration:none;
    color:Green;
    cursor:pointer;
}

/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.EncabezadoBg {
    /* background-color: darkblue;*/
    background-color: white;
}


.HeadBg {
    background-color: #318ED6;
}

.PestanaEncabezadoDerecha {
/*    background-color: #318ED6;*/
}

.PestanaEncabezadoDerechaLink {
    font-family: Arial;
    font-size: 10px;
    font-weight: bold;
    color: black
} 


a:link.PestanaEncabezadoDerechaLink {
    text-decoration:    none;
    color:black;
    font-weight: bold;
} 





a:visited.PestanaEncabezadoDerechaLink {
    text-decoration:    none;
    color:black;
    font-weight: bold;
} 

/*Estilo  para los menus del encabezado */

/*Menus Estaticos background-color: #318ED6; */



.MenuStaticMenuItemStyle {
    color: black;
    font-family: Arial;
    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;   */
    color: black;
    font-weight: bold

}

a:link.MenuStaticSelectedStyle    {
    text-decoration:    none;
    color: black;
    font-weight: bold;
}

a:visited.MenuStaticSelectedStyle {
    text-decoration:    none;
    color: black;
    font-weight: bold;
}

a:active.MenuStaticSelectedStyle  {
    text-decoration:    none;
    color: black;
    font-weight: bold;
}

a:hover.MenuStaticSelectedStyle   {
    text-decoration:    underline;
    color:   black;
    font-weight: bold;
   /*backgorund-color:#8AC682;*/
   /*background-color:#B8DB7C;*/
}



/* Menus Dinamicos Cambia el menu de las ventanas que se despliegan*/
.MenuDynamicMenuItemStyle 
{
    font-weight: bold;
    font-size: 11px;
    font-family: Arial;
    font-weight: bold;
    color: Black;

}

a:link.MenuDynamicMenuItemStyle    {
    font-weight: bold;
    font-size: 10px;
    font-family: Arial;
    text-decoration:    none;
    color: Black;
}

a:visited.MenuDynamicMenuItemStyle {
    text-decoration:    none;
    color: Black;
}

a:active.MenuDynamicMenuItemStyle  {
    text-decoration:    none;
    color: Black;
}

a:hover.MenuDynamicMenuItemStyle   {
    text-decoration:    underline;
    color: Black;
}



.MenuDynamicHoverStyle {
/*    background-color: #8AC682; */
    color : Black
/*    font-family: Arial;
    font-size: 12px;*/
}






/* background color for the left pane  */
.LeftPaneBg {
    background-color: white;
    font-family: Arial;
    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: #008030;*/
    background-color: #0E6B4E;
}


/* 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: Arial;
    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: Arial;
    font-size: 12px;
    color: #cc33ff;
    background-color: white;
    font-weight: bold

}

/* text style for the unselected tabs; Colores de los menus */
.OtherTabs {
    font-family: Arial;
    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: Arial;
    font-size: 10px;
    font-weight: bold;
}   

/* 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:black;
}

/* style for separator between site links, separador menu superior */
.Accent
{
    color: black;
    font-weight:    bold;
    font-family: Arial;
    font-size: 10px;
    font-weight: bold;
}

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

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

a:active.Accent   {
    text-decoration:    none;
    color:Black;
}

a:hover.Accent    {
    text-decoration:    underline;
    color:black;
}



/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */    
/*.Message    {
    font-family: Arial;
    font-size: 10px;
    font-weight: normal;
    font-size: 10px;
    background-color: Maroon
} */  

/* style of item titles by Announcements and events */
.ItemTitle    {
    font-family: Arial;
    font-size:  11px;
    font-weight:    bold;
    color: #0000CD;
}



/* GENERAL */
/* style for module titles */
.Head   {
    font-family: Arial;
    font-size:  12px;
    font-weight:    bold;
    color: Green;
}

/* style of item titles on edit and admin pages; colores cuando se da la opcion Editar */
.SubHead    {
    font-family: Arial;
    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: Arial;
    font-size:  10px;
    font-weight:    bold;
    color: black;
}

/* text style used for most text rendered by modules */
.Normal
{
    font-family: Arial;
    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: Arial;
    font-size: 9px;
    font-weight: normal;
}

/* Texto con el que se informa el estado durante la conexion... login fallo */
.NormalRed
{
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    color: red
}

.NormalBold
{
    font-family: Arial;
    font-size: 10px;
    font-weight: bold
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
    font-family: Arial;
    font-size: 8pt;
    font-weight: normal;
    color:Blue;
}
    
.HeadSmaller   {
	font-family: Arial;
	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: #0E6B4E; 
   
}


/* 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: Arial;
    font-size:  15px;
    font-weight:    normal;
    color: #666644;
}

H2  {
    font-family: Arial;
    font-size:  15px;
    font-weight:    normal;
    color: #666644;
}

H3  {
    font-family: Arial;
    font-size:  10px;
    font-weight:    normal;
    color: Maroon;
}

H4  {
    font-family: Arial;
    font-size:  10px;
    font-weight:    normal;
    color: Maroon;
}

H5, DT  {
    font-family: Arial;
    font-size:  10px;
    font-weight:    bold;
    color: Maroon;
}

H6  {
    font-family: Arial;
    font-size:  11px;
    font-weight:    bold;
    color: Maroon;
}

TFOOT, THEAD    {
    font-family: Arial;
    font-size:  12px;
    color: Maroon;
}

TH  {
    vertical-align: baseline;
    font-family: Arial;
    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
}




.Menu
{
    font-weight: bold;
    font-size: 11px;
    font-family: sans-serif,Arial;
    /*background-color: #0E6B4E;14-107-78
    background-color: #52B236;*/
    /*background-color: #00923F;*/
    /*00-146-63*/
    background-image:"images/FondoMenu.gif";
    
    color: white;
}

A.Menu:link
{
    color: white;
}
A.Menu:visited
{
    color: white;
}
A.Menu:hover
{
    color: white;
}

A.Menu:active
{
    color: white;
}
.ModuleTitle
{
    font-weight: bold;
    font-size: 14px;
    color: black;
    font-family: Arial;
    /*background-color: #c2c1c1;*/
}
.MenuAntioquiaAlDia
{
    background-color:#0E6B4E;
}
.MarcoModulo
{
BORDER-RIGHT: silver 2px solid; 
BORDER-TOP: silver 2px solid; 
BORDER-LEFT: silver 2px solid; 
BORDER-BOTTOM: silver 2px solid
}

.contenidoAdmin
{
    text-align:justify;
    font-size: 9pt;
    color: black;
    font-family: Arial;
    /*background-color: #c2c1c1;*/
}
.CommandButtonAdm     {
    font-family: Arial;
    font-size: 8pt;
    font-weight: normal;
    color: Aqua;
}
/* text style used for most text rendered by modules */
.Lista
{
    font-family: Arial;
    font-size: 8pt;
    font-weight: normal;
    line-height: 8pt   ;
    color: black; 
}