body {
	BACKGROUND-COLOR: #FFFFFF;
	FONT-SIZE: 11px;
	LINE-HEIGHT: 12px;
	COLOR: #000000;
	FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	MARGIN: 0px;
	scrollbar-face-color: #EAEEF0;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #E7DEDE;
	scrollbar-3dlight-color: #EAEEF0;
	scrollbar-arrow-color: #575858;
	scrollbar-track-color: #EFEFEF;
	scrollbar-darkshadow-color: #98AAB1;
	MARGIN: 0px;
}

/*messages*/
div.error {
	border: 0px solid #c0c0c0;
	color: black;
	font-size: 10px;
	font-weight: bold;
	margin: 5px 0px 5px 0px;
	padding: 3px;
	text-align: left;
	vertical-align: bottom;
	width: 100%;
}

div.message {
	border: 0px solid #c0c0c0;
	color: red;
	font-size: 10px;
	font-weight: bold;
	margin: 5px 0px 5px 0px;
	padding: 3px;
	text-align: left;
	vertical-align: bottom;
	width: 100%;
}

div.message img.icon {
	vertical-align: middle;
	border: 0px;
	height: 13px;
	margin: 1px;
	width: 14px;
}

/*
a partir de aca se puede hacer el copy+paste desde el archivo de estilos del prototipo
RESPETAR LO ANTERIOR A ESTA LINEA
*/

BODY {
	BACKGROUND-COLOR: #FFFFFF;
	FONT-SIZE: 11px;
	LINE-HEIGHT: 12px;
	COLOR: #000000;
	FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	MARGIN: 0px;
}

td {
	FONT-SIZE: 11px;
	LINE-HEIGHT: 12px;
	COLOR: #000000;
	FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	MARGIN: 0px
}

th {
	FONT-SIZE: 11px;
	LINE-HEIGHT: 12px;
	COLOR: #000000;
	FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	MARGIN: 0px
}


sup{
	FONT-SIZE: 11px;
}

.forms
{
    BACKGROUND-COLOR: #f3fafd;
	BORDER-RIGHT: #4fa7cb 1px solid;
    BORDER-TOP: #4fa7cb 1px solid;
    FONT-SIZE: 10px;
	WEIDHT:30px;
	HEIGHT:14px;
    BORDER-LEFT: #4fa7cb 1px solid;
    COLOR: #000000;
    BORDER-BOTTOM: #4fa7cb 1px solid;
    font-family: verdana, arial, helvetica, sans-serif;
}

.formsimput
{
    BACKGROUND-COLOR: #f3fafd;
	BORDER-RIGHT: #7f9db9 1px solid;
    BORDER-TOP: #7f9db9 1px solid;
    FONT-SIZE: 9px;
	WEIDHT:30px;
	HEIGHT:16px;
    BORDER-LEFT: #7f9db9 1px solid;
    COLOR: #000000;
    BORDER-BOTTOM: #7f9db9 1px solid;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.formsimputtop
{
    BACKGROUND-COLOR: #ffffff;
	BORDER-RIGHT: #9b9b9b 1px solid;
    BORDER-TOP: #9b9b9b 1px solid;
    FONT-SIZE: 9px;
	WEIDHT:30px;
	HEIGHT:16px;
    BORDER-LEFT: #9b9b9b 1px solid;
    COLOR: #000000;
    BORDER-BOTTOM: #9b9b9b 1px solid;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.formsimputsearch
{
    BACKGROUND-COLOR: #f3fafd;
	BORDER-RIGHT: #9b9b9b 1px solid;
    BORDER-TOP: #9b9b9b 1px solid;
    FONT-SIZE: 9px;
	WEIDHT:30px;
	HEIGHT:16px;
    BORDER-LEFT: #9b9b9b 1px solid;
    COLOR: #408fb8;
    BORDER-BOTTOM: #9b9b9b 1px solid;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.formsimputselect
{
    BACKGROUND-COLOR: #f3fafd;
	BORDER-RIGHT: #4fa7cb 1px solid;
    BORDER-TOP: #4fa7cb 1px solid;
    FONT-SIZE: 9px;
	WEIDHT:30px;
	HEIGHT:16px;
    BORDER-LEFT: #4fa7cb 1px solid;
    COLOR: #000000;
    BORDER-BOTTOM: #4fa7cb 1px solid;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.formsimputselectmultiple
{
    BACKGROUND-COLOR: #f3fafd;
	BORDER-RIGHT: #4fa7cb 1px solid;
    BORDER-TOP: #4fa7cb 1px solid;
    FONT-SIZE: 9px;
	WEIDHT:30px;
    BORDER-LEFT: #4fa7cb 1px solid;
    COLOR: #000000;
    BORDER-BOTTOM: #4fa7cb 1px solid;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.fondolinea {
   BACKGROUND-COLOR: #DCDCDC;
	FONT-SIZE: 10px;
	LINE-HEIGHT: 12px;
	COLOR: #000000;
	FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	MARGIN: 0px
	
}

.fondolinea1 {
   BACKGROUND-COLOR: White;
	FONT-SIZE: 10px;
	LINE-HEIGHT: 12px;
	COLOR: #000000;
	FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	MARGIN: 0px
}

.textarea
{
    BORDER-RIGHT: #DFE8F3 1px solid;
    BORDER-TOP: #DFE8F3 1px solid;
    FONT-SIZE: 10px;
	 HEIGHT:60px;
    BORDER-LEFT: #DFE8F3 1px solid;
    COLOR: #000000;
    BORDER-BOTTOM: #DFE8F3 1px solid;
    font-family: verdana, arial, helvetica, sans-serif;
}


.texttitulo
{
    FONT-SIZE: 12px;
    COLOR: #ce003d;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.textcategoria
{
    FONT-SIZE: 12px;
    COLOR: #e47f99;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.texttituloInterna
{
    FONT-SIZE: 11px;
    COLOR: #FFFFFF;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.textSubtituloInternaComunidad
{
    FONT-SIZE: 14px;
    COLOR: #408fb8;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
}


.textSubtituloInterna
{
    FONT-SIZE: 14px;
    COLOR: #cc0033;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
}

.textSubtituloReferenciaCeleste
{
    FONT-SIZE: 12px;
    COLOR: #72b4d6;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
}

.textTituloNovedades
{
    FONT-SIZE: 11px;
    COLOR: #72b4d6;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
}

.textSubtituloReferenciaCelestegrande
{
    FONT-SIZE: 12px;
    COLOR: #72b4d6;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
}

.textSubtituloReferenciaRojo
{
    FONT-SIZE: 11px;
    COLOR: #ce003d;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
}

.textSubtituloReferencia
{
    FONT-SIZE: 11px;
    COLOR: #333333;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
}

.textBuscadortitulo
{
    FONT-SIZE: 11px;
    COLOR: #333333;
    FONT-FAMILY: helvetica, verdana, arial, sans-serif;
	font-weight: bold;
}

.textSubtituloDetalle
{
	FONT-SIZE: 11px;
	COLOR: #6A6A6A;
	FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	line-height: normal;
}	
.textSubtituloDetallegrande
{
	FONT-SIZE: 12px;
	COLOR: #6A6A6A;
	FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	line-height: normal;
}

.fondotitulos
{
	BACKGROUND-color: #e6e7e8;
	HEIGHT:20px;
}

.bordecontenido
{
	border-style: 1px solid #cccccc;
}	

.bordeflash
{
	border-style: 1px solid #e2e2e2;
}


.textbCata
{
    FONT-SIZE: 8px;
    COLOR: #909398;
    FONT-FAMILY: verdana, arial, sans-serif;
	 	font-weight: bold;
}

.textBuscadorDescripcion
{
    FONT-SIZE: 10px;
	 	LINE-HEIGHT: 11px;
    COLOR: #333333;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	MARGIN: 0px
	FONT-SIZE: 11px;
}

.textpie
{
    FONT-SIZE: 9px;
    COLOR: #909398;
    FONT-FAMILY: helvetica, verdana, arial, sans-serif;
}
	
.textsubtitulo
{
	FONT-SIZE: 12px;
	COLOR: #333333;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
/*Botones*/

.button {
	BORDER-RIGHT: #0093BF 1px solid;
	PADDING-RIGHT: 3px;
	BORDER-TOP: #0093BF 1px solid;
	PADDING-LEFT: 3px;
	BACKGROUND-IMAGE: url("../images/bgButton.gif");
	PADDING-BOTTOM: 1px;
	MARGIN: 0px;
	BORDER-LEFT: #0093BF 1px solid;
	PADDING-TOP: 1px;
	BORDER-BOTTOM: #0093BF 1px solid;
	text-align: center;
	FONT-SIZE: 10px;
	COLOR: #00659C;
	TEXT-DECORATION: none;
	FONT-FAMILY: verdana, sans-serif;
	height: 18px;
}

td.button A:link {
	FONT-SIZE: 10px;
	COLOR: #00659C;
	TEXT-DECORATION: none;
	vertical-align: middle;
	font-weight: bold;
}

td.button A:active {
	FONT-SIZE: 10px;
	COLOR: #00659C;
	TEXT-DECORATION: none;
	vertical-align: middle;
	font-weight: bold;
}

td.button A:visited {
	FONT-SIZE: 10px;
	COLOR: #00659C;
	TEXT-DECORATION: none;
	vertical-align: middle;
	font-weight: bold;
}

td.button A:hover {
	FONT-SIZE: 10px;
	COLOR: #868b9b;
	TEXT-DECORATION: none;
	font-weight: bold;
}


table.buttonContainer {
	border: 0px;
	width: 98%;
	border-collapse: collapse;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	margin-right: 0px;
}

table.TaskBarButtons td {
	border: 0px solid #FFFFFF;
   	BACKGROUND-COLOR: #AFD2F5;
}

.bdtaskbutton{
    BACKGROUND-COLOR: transparent;
    COLOR: black;
    BORDER-BOTTOM-COLOR: #cccccc;
    BORDER-BOTTOM-WIDTH: 0px;
    BORDER-LEFT-COLOR: #cccccc;
    BORDER-LEFT-WIDTH: 0px;
    BORDER-RIGHT-COLOR: #cccccc;
    BORDER-RIGHT-WIDTH: 0px;
    BORDER-TOP-COLOR: #cccccc;
    BORDER-TOP-WIDTH: 0px;
    CURSOR: hand;
    HEIGHT: 22px;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
    POSITION: relative;
    WIDTH: 23px  
}
	
.bdtaskbutton IMG{
    LEFT: 0px;
    POSITION: relative;
    TOP: 0px
}

.bdtaskover {
	BORDER-TOP-WIDTH: 1px;
    BORDER-LEFT-WIDTH: 1px;
    BORDER-BOTTOM-WIDTH: 1px;
    BORDER-RIGHT-WIDTH: 1px	
}

BUTTON.bdtaskover IMG {
	LEFT: -2px;
    TOP: -2px

}

.bdtaskpress
{
    BORDER-BOTTOM-WIDTH: 1px;
    BORDER-LEFT-WIDTH: 1px;
    BORDER-RIGHT-WIDTH: 1px;
    BORDER-TOP-WIDTH: 1px;
}

.bdtaskpress IMG
{
    LEFT: -1px;
    TOP: -1px
}

.bdtaskdisabled {
	FILTER: alpha(opacity=50) dropShadow(color= #a7d3d5, offX=1, offY=1, positive=1);
	CURSOR: default
}

.bdtaskdisabled IMG {
	FILTER: alpha(opacity=50) dropShadow(color= #a7d3d5, offX=1, offY=1, positive=1);
	CURSOR: default
}

A.BotoneraTop:link
{
    FONT-SIZE: 9px;
    COLOR: #909398;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	 font-weight: bold;
	 text-decoration: none;

}

A.BotoneraTop:active
{
    FONT-SIZE: 9px;
    COLOR: #909398;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	 font-weight: bold;
	 	 text-decoration: none;

}
A.BotoneraTop:visited
{
    FONT-SIZE: 9px;
    COLOR: #909398;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	 font-weight: bold;
	 	 text-decoration: none;

}
A.BotoneraTop:hover
{
    FONT-SIZE: 9px;
    COLOR: #64aecb;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	 font-weight: bold;
	 	 text-decoration: none;

}

A.Pie:link
{
    FONT-SIZE: 9px;
    COLOR: #909398;
    FONT-FAMILY: helvetica, verdana, arial, sans-serif;
	 text-decoration: none;

}

A.Pie:active
{
    FONT-SIZE: 9px;
    COLOR: #909398;
    FONT-FAMILY: helvetica, verdana, arial, sans-serif;
	 	 text-decoration: none;

}
A.Pie:visited
{
    FONT-SIZE: 9px;
    COLOR: #909398;
    FONT-FAMILY: helvetica, verdana, arial, sans-serif;
	 	 text-decoration: none;

}
A.Pie:hover
{
    FONT-SIZE: 9px;
    COLOR: #ce003d;
    FONT-FAMILY: helvetica, verdana, arial, sans-serif;
	 	 text-decoration: none;

}

A.MenuPrinci:link
{
    FONT-SIZE: 10px;
    COLOR: #ffffff;
    FONT-FAMILY: helvetica, verdana, arial,  sans-serif;
	 text-decoration: none;
	 font-weight: bold;
}

A.MenuPrinci:active
{
    FONT-SIZE: 10px;
    COLOR: #ffffff;
    FONT-FAMILY: helvetica, verdana, arial, sans-serif;
	 	 text-decoration: none;
		 font-weight: bold;

}
A.MenuPrinci:visited
{
    FONT-SIZE: 10px;
    COLOR: #ffffff;
    FONT-FAMILY: helvetica, verdana, arial, sans-serif;
	 	 text-decoration: none;
		 font-weight: bold;

}
A.MenuPrinci:hover
{
    FONT-SIZE: 10px;
    COLOR: #ffffff;
    FONT-FAMILY: helvetica, verdana, arial, sans-serif;
	 	 text-decoration: none;
		 font-weight: bold;

}

A.MenuSecundario:link
{
    FONT-SIZE: 8px;
    COLOR: #909398;
    FONT-FAMILY: verdana, arial,  sans-serif;
	 text-decoration: none;
	 font-weight: bold;
}

A.MenuSecundario:active
{
    FONT-SIZE: 8px;
    COLOR: #909398;
    FONT-FAMILY: verdana, arial, sans-serif;
	 	 text-decoration: none;
		 font-weight: bold;

}
A.MenuSecundario:visited
{
    FONT-SIZE: 8px;
    COLOR: #909398;
    FONT-FAMILY: verdana, arial, sans-serif;
	 	 text-decoration: none;
		 font-weight: bold;

}
A.MenuSecundario:hover
{
    FONT-SIZE: 8px;
    COLOR: #65aac7;
    FONT-FAMILY: verdana, arial, sans-serif;
	 	 text-decoration: none;
		 font-weight: bold;

}

A.MenuComunidad:link
{
    FONT-SIZE: 8px;
    COLOR: #909398;
    FONT-FAMILY: verdana, arial,  sans-serif;
	 text-decoration: none;
	 font-weight: bold;
}

A.MenuComunidad:active
{
    FONT-SIZE: 8px;
    COLOR: #909398;
    FONT-FAMILY: verdana, arial, sans-serif;
	 	 text-decoration: none;
		 font-weight: bold;

}
A.MenuComunidad:visited
{
    FONT-SIZE: 8px;
    COLOR: #909398;
    FONT-FAMILY: verdana, arial, sans-serif;
	 	 text-decoration: none;
		 font-weight: bold;

}
A.MenuComunidad:hover
{
    FONT-SIZE: 8px;
    COLOR: #65aac7;
    FONT-FAMILY: verdana, arial, sans-serif;
	 	 text-decoration: none;
		 font-weight: bold;

}

A.Referencia:link
{
    FONT-SIZE: 11px;
    COLOR: #333333;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
}

A.Referencia:active
{
    FONT-SIZE: 11px;
    COLOR: #333333;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
}
A.Referencia:visited
{
    FONT-SIZE: 11px;
    COLOR: #333333;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
}
A.Referencia:hover
{
    FONT-SIZE: 11px;
    COLOR: #e47f99;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
}

A:link
{
    FONT-SIZE: 11px;
	LINE-HEIGHT: 12px;
    COLOR: #000000;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	MARGIN: 0px
}
A:active
{
    FONT-SIZE: 11px;
	LINE-HEIGHT: 12px;
    COLOR: #4fa7cb;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	MARGIN: 0px
}
A:visited
{
    FONT-SIZE: 11px;
	LINE-HEIGHT: 12px;
    COLOR: #000000;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	MARGIN: 0px
}
A:hover
{
    FONT-SIZE: 11px;
	LINE-HEIGHT: 12px;
    COLOR: #4fa7cb;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	MARGIN: 0px
}


table.products tr.over {
	BACKGROUND-COLOR: #BFE0EC;
	height: 18px;		
}

table.products tr.even {
	BACKGROUND-COLOR: #FFFFFF;
	height: 18px;
}

table.products tr.odd {
	BACKGROUND-COLOR: #FFFFFF;
	height: 18px;
}

table.products tr.footer {
	BACKGROUND-COLOR: #FFFFFF;
	height: 18px;
}

table.products td.center {
	text-align: center;
}

table.products {
	border-top: #e2e2e2 1px solid;
	border-bottom: #e2e2e2 1px solid;
	border-left: #e2e2e2 1px solid;
	border-right: #e2e2e2 1px solid;
	border-collapse: collapse;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}


table.products thead tr {
	LINE-HEIGHT: 15px;
	BACKGROUND-COLOR: #0093BF;
	font-weight: bold;
}

table.products th {
	color: #FFFFFF;
	font-weight: bold;
	height: 18px;
}

table.products td, table.products th {
	border: 1px solid #e2e2e2;
}

table.products td.error {
	border: 1px solid #e2e2e2;
	FONT-WEIGHT: bolder;
	COLOR: #CF061D;
}

td.products {
	padding: 1px 1px 1px 1px;
	text-align: left;
	vertical-align: top;
}

table.products th.sorted a, th.sortable a {
	background-position: right;
	display: block;
	background-repeat: no-repeat; 
	background-position: right; 
}


table.products th.sortable a {
	background-image: url("../images/arrow_off.gif");
}

table.products th.order1 a {
	background-image: url("../images/arrow_down.gif");
}

table.products th.order2 a {
	background-image: url("../images/arrow_up.gif");
}

table.products td.image {
	width: 1%;
	text-align: center;
}

table.products td.number {
	text-align: right;
}