body
{
	margin: 0px; 
    color: #333;
	font-family: Trebuchet MS, Tahoma, Arial; 
	font-size: 80%; 
	background: white url(../images/back-body.jpg) no-repeat top center;
	text-align: center;
	
}
div {text-align: left;}

TABLE {
    FONT-SIZE: 100%;
}


INPUT, TEXTAREA, SELECT { margin-right: 5px; }

INPUT.InputChico {
	font-size : 9px;
	padding-bottom : 0px;
	padding-left : 0px;
	padding-right : 0px;
}

FORM {
	MARGIN: 0px;
}

H1 {
	font-family: Trebuchet MS, Tahoma, Arial;
	font-size: 20pt;
	color: #2a418c;
	text-decoration : none;
	font-weight: normal;
	padding-top : 0px;
	padding-left: 4px;
	width: 100%;
	MARGIN-TOP: 0px;
	MARGIN-BOTTOM: 0px;
	letter-spacing: 1px;
}
H2
{
	COLOR: #2C5783;
    FONT-SIZE: 22px;
    FONT-WEIGHT: bold;
	MARGIN-TOP: 5px;
	MARGIN-BOTTOM: 0px;
	/*background: url(../images/back-h2.png) no-repeat left bottom;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/back-h2.png');*/
	
}
H3
{
    COLOR: black;
    font-family: Trebuchet MS, Tahoma, Arial;
    FONT-SIZE: 16px;
    FONT-WEIGHT: bold;
	MARGIN-TOP: 5px;
	MARGIN-BOTTOM: 0px;
}
HR
{
	BORDER: thin solid;
	HEIGHT: 1px;
	COLOR: #0D524F;
}
A
{
    COLOR: #2C5783;
	text-decoration : underline;
}
A:visited
{
    COLOR: #2C5783;
}
hr {display: none;}

/* Page structure */
#header {
	background: #2C5783;
	}

#logo 
{
    float: left;
}
#nav {text-align: left; margin-top: 0px; margin-left: 20px; float: left;}
#logoprint {display: none;}	

#content {
	margin: 10px auto;
	padding: 0px;
	font-size: 100%;
	line-height: 1.6em;
	min-height: 400px;
    /*text-align: left;	en IE6 corre el contenido a la izquierda :( */
}
	
#prefooter {
    padding: 20px 0px 0px 0px;
    margin-top: 30px;
    color: Silver;
    }
#prefooter a, #prefooter a:visited  {color: Silver; text-decoration: none;}    
#footer {
	padding: 0px 0px 0px 0px;
	font-family: Verdana, sans-serif;
	font-size: 90%;
	/*text-align: left;	en IE6 corre el contenido a la izquierda :( */
	}
#footer .inner { border-top: 1px solid #dbd5c5; padding-top: 10px; padding-left: 5px;}
#footer p {
	font-size: 90%;
	}	
	
.inner 
    {
        width: 990px;
        padding: 0px 5px;
        margin: 0px auto;
        text-align: left;
        max-width: 1000px;
    }
	
a.user { padding-left: 20px; background: url(../images/user.gif) no-repeat left center; }    
a.disconnect {padding-left: 20px; background: url(../images/disconnect.gif) no-repeat left center; }    
a.logout {padding-left: 20px; background: url(../images/shutdown.gif) no-repeat left center; }    
a.password {padding-left: 20px; background: url(../images/llave.gif) no-repeat left center; }    

.UsuarioSmallData 
{
    margin-bottom: 10px;
}
.UsuarioSmallData a 
{
    color: #fff;
}


/* footer
---------------------------------------------------------- */




.boxed
{
	COLOR: black;
	BORDER: 1px solid #993333;
	HEIGHT: 1px;
}

.error
{
    COLOR: red;
    FONT-FAMILY: Trebuchet MS, Tahoma, Arial;
    FONT-WEIGHT: bold
}
.info
{
    COLOR: Black;
    FONT-FAMILY: Trebuchet MS, Tahoma, Arial;
    FONT-WEIGHT: bold
}
.smalltext
{
    COLOR: gray;
    FONT-FAMILY: Trebuchet MS, Tahoma, Arial;
    FONT-SIZE: 12px;
    LINE-HEIGHT: 140%
}
.smalltext A
{
    COLOR: gray;
}
.smalltext A:Visited
{
    COLOR: gray;
}

.innersection
{
	PADDING-LEFT: 10px;
	PADDING-RIGHT: 10px;
}

SPAN.BulletNumber
{
    COLOR: #cc9933;
    FONT-FAMILY: Trebuchet MS, Tahoma;
    FONT-SIZE: medium;
    FONT-WEIGHT: bold;
    LINE-HEIGHT: 14pt
}
.button
{
    color: Black;
    padding: 2px 5px;
    FONT-WEIGHT: normal;
	background: url(../images/back-button30.png) center repeat-x;
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../images/back-button30.png');*/
}
.section
{
    COLOR: navy;
    FONT-FAMILY: Trebuchet MS, Tahoma;
    FONT-SIZE: 16pt;
    FONT-WEIGHT: bold;
    MARGIN-BOTTOM: 5px;
    MARGIN-TOP: 5px
}
div.login
{
    padding: 20px 0px;
}
TD.fecha {
	font-family: Trebuchet MS, Tahoma, Arial;
	font-size: 14px;
	color: #6D7263;
	font-weight: bold;
	text-decoration : none;
	text-align: center;
}
.menu {
	font-family: Arial Narrow, Arial;
	font-size: 12pt;
	color: #666666;
	font-weight: Bold;
	text-decoration : none;
}
.menuTexto {
	font-family: Arial Narrow, Arial;
	font-size: 14px;
	color: #666666;
	font-weight: Bold;
	text-decoration : none;
}
#menu A
{
	font-family: Arial;
	font-size: 12px;
    COLOR: black;
	font-weight: Normal;
    TEXT-DECORATION: Underline;
}
#menu A:hover
{
    COLOR: #336699;
    TEXT-DECORATION: underline
}
.sectionmenu
{
    COLOR: #666666;
    FONT-FAMILY: Trebuchet MS, Tahoma;
    FONT-SIZE: 12px;
	font-weight: normal;
	text-decoration : none;
}
.sectionmenu A {
    COLOR: #666666;
    FONT-FAMILY: Trebuchet MS, Tahoma;
    FONT-SIZE: 12px;
	text-decoration : none;
}
.sectionmenu A:visited { COLOR: #666666; }
.sectionmenu A:active {}
.sectionmenu A:hover {	text-decoration : underline;}

.sectionmenuSelected
{
    COLOR: black;
    FONT-FAMILY: Trebuchet MS, Tahoma;
    FONT-SIZE: 12px;
	font-weight: bold;
	text-decoration : none;
}
.sectionmenuSelected A {COLOR: black; text-decoration : none; }
.sectionmenuSelected A:visited { COLOR: black; }

TABLE#GenTabla
{
	PADDING: 0;
	MARGIN: 1;
    COLOR: black;
	VERTICAL-ALIGN: top;
    FONT-SIZE: 12px;
    FONT-FAMILY: Trebuchet MS, Tahoma, Arial
}
TH#GenTabla
{
	COLOR: Black;
	font-weight: normal;
	padding: 1px;
	border: solid gray 1px;
	BACKGROUND-color: #E5E5DD;
	FONT-FAMILY: Trebuchet MS, Arial, Helvetica;
	FONT-SIZE: 10px;
	TEXT-ALIGN: center;
	VERTICAL-ALIGN: bottom;
	BACKGROUND-image: url(../images/backgroundbutton.gif);
	BACKGROUND-repeat: repeat;
}
TD#GenTabla
{
    COLOR: black;
	BORDER-BOTTOM: thin solid;
	BORDER-COLOR: #e0e0e0;
}
TR.GenTablaTrImPar
{
	nBACKGROUND-color: #F2F3F5;	
}
TR.GenTablaTrPar
{
}

TABLE#GenTablaPedido
{
	PADDING: 0;
	MARGIN: 1;
	COLOR: black;
	VERTICAL-ALIGN: top;
	FONT-SIZE: 12px;
	BORDER-BOTTOM: thin solid;
	BORDER-COLOR: #336699;
	FONT-FAMILY: Trebuchet MS, Tahoma, Arial;
	WIDTH: 600px
}
TH#GenTablaPedido
{
	PADDING-LEFT: 2px;
	PADDING-RIGHT: 2px;
	BACKGROUND-COLOR: #336699;
	COLOR: white;
	FONT-WEIGHT: bolder;
}
TD#GenTablaPedido
{
	COLOR: black;
	BORDER-BOTTOM: thin solid;
	BORDER-COLOR: #e0e0e0
}

TABLE#GenTablaMensajes
{
	PADDING: 0;
	MARGIN: 1;
	COLOR: black;
	VERTICAL_ALIGN: top;
	FONT-SIZE: 12px;
	FONT-FAMILY: Trebuchet MS, Tahoma, Arial;
	WIDTH: 100%
}
TH#GenTablaMensajes
{
	PADDING-LEFT: 2px;
	PADDING-RIGHT: 2px;
	BACKGROUND-COLOR: #336699;
	COLOR: white;
	FONT-WEIGHT: bolder;
}
TD#GenTablaMensajes
{
	COLOR: black;
}

TD#GenTablaMensajesNuevos
{
	COLOR: black;
	BACKGROUND-COLOR: #DCE8D5;
}
TABLE#TablaBuscar
{
	PADDING: 0;
	MARGIN: 1;
    COLOR: black;
	VERTICAL-ALIGN: top;
    FONT-SIZE: 12px;
    FONT-FAMILY: Trebuchet MS, Tahoma, Arial
}
TD#TablaBuscar
{
	PADDING-LEFT: 2px;
	PADDING-RIGHT: 2px;
	PADDING-BOTTOM: 2px;
    BACKGROUND-COLOR: #FFFFE8;
    COLOR: black;
}
.TablaBuscarButton
{
    COLOR: black;
	BACKGROUND: #FFFFE8;
    CURSOR: hand;
    FONT-FAMILY: Trebuchet MS, Tahoma, Arial, Helvetica;
    FONT-SIZE: 10px;
}
TABLE.TablaVertical
{
}
TD.TablaVerticalHeader
{
    TEXT-ALIGN: right;
    BACKGROUND-COLOR: #FFCC66;
}
TD.TablaVerticalRecno
{
    FONT-SIZE: 14px;
    FONT-WEIGHT: bolder;
}
#noticiafecha
{
	COLOR: gray;
    FONT-SIZE: 90%;
}
#noticiaCopete
{
	COLOR: black;
    FONT-SIZE: 110%;
    margin-bottom: 10px;
}
#noticiaTitulo
{
    FONT-FAMILY: Trebuchet MS, Tahoma, Arial;
	COLOR: #2C5783;
    FONT-SIZE: 120%;
    FONT-WEIGHT: bolder;
	font-variant: small-caps;
	MARGIN-BOTTOM: 5px;
}
#noticiaTitulo A, #noticiaTitulo A:visited
{
	COLOR: #2C5783;
    FONT-WEIGHT: bolder;
    TEXT-DECORATION: none
}
#noticiaTitulo A:hover
{
    COLOR: #2C5783;
    FONT-WEIGHT: bolder;
    TEXT-DECORATION: underline
}
.noticiacuerpo {color: Black; font-size: 110%}

TD.FormHeader
{
	color:black;
	/*background-color=white;*/
	text-align:right;
    font-weight: bold;
	vertical-align:top;
}
TD.FormField {}

.smalltitle
{
    COLOR: black;
	font-weight: bold;
}
.smalltitle A {
	color: black;
	font-weight: bold;
	text-decoration : none;
}
.smalltitle A:visited {
	color: black;
	text-decoration : none;	
}
#noticiaSideTitulo
{
    FONT-FAMILY:  Arial;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bolder;
}
#noticiaSideTitulo A
{
    FONT-WEIGHT: bolder;
    TEXT-DECORATION: none
}
#noticiaSideTitulo A:visited {}
#noticiaSideTitulo A:hover { TEXT-DECORATION: underline }
#noticiaSideCopete
{
	COLOR: black;
    FONT-SIZE: 90%;
    FONT-WEIGHT: normal;
}
#noticiaSideFecha
{
	COLOR: gray;
    FONT-SIZE: 90%;
    FONT-WEIGHT: normal;
}
.FormPrompt
{
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
    TEXT-ALIGN: Right;
	padding-RIGHT: 5px;
	padding-LEFT: 5px;
	VERTICAL-ALIGN: Top;
}

TABLE.GenTabla
{
	PADDING: 0;
	MARGIN: 1;
    FONT-SIZE: 10px;
	BORDER-BOTTOM: thin solid;
	BORDER-COLOR: #336699;
}
TH.GenTabla
{
    COLOR: black;
    font-weight: normal;
    padding: 1px;
    border: solid gray 1px;
	BACKGROUND-color: #E5E5DD;	
    FONT-FAMILY: Trebuchet MS, Arial, Helvetica;
    FONT-SIZE: 10px;
    TEXT-ALIGN: center;    
    VERTICAL-ALIGN: middle;   
	BACKGROUND-image: url(../images/backgroundbutton.gif);
	BACKGROUND-repeat: repeat;
}
TD.GenTabla
{
    COLOR: black;
	BORDER-BOTTOM: thin solid;
	BORDER-COLOR: #e0e0e0;
}
.CPHeader
{
	COLOR: #993333;
    FONT-FAMILY: Trebuchet MS, Tahoma, Arial;
    FONT-SIZE: 16px;
    FONT-WEIGHT: bold;
	BORDER-BOTTOM: #993333 1px solid;
}
th.cottabla
{
	BACKGROUND-color: #DADDDD;
	color: black;
    FONT-SIZE: 11px;	
}	
td.cottabla
{
    FONT-SIZE: 11px;
}	
th.cottabladolar
{
	BACKGROUND-color: #993333;
	color: white;
    FONT-SIZE: 11px;	
}	


th.detallecomp
{
    COLOR: black;
    font-weight: normal;
    padding: 1px;
    border: solid gray 1px;
	BACKGROUND-color: #E5E5DD;	
    FONT-FAMILY: Trebuchet MS, Arial, Helvetica;
    FONT-SIZE: 10px;
    TEXT-ALIGN: center;    
    VERTICAL-ALIGN: middle;   
	BACKGROUND-image: url(../images/backgroundbutton.gif);
	BACKGROUND-repeat: repeat;
}

img.conborde, img.bordecito {
	border: solid 1px #CCCCCC;
	padding: 7px;
	background: white;
}

div.loading {text-align: center; vertical-align: middle; background: url(../images/loading.gif) no-repeat center; height: 100px; xwidth: 100%;}

.slidedown {padding-left: 15px; background: url(../images/slideup.gif) no-repeat left; }
.slideup {padding-left: 15px; background: url(../images/slidedown.gif) no-repeat left;	}


/* --------------------------------------------------------------------------------------------------------*/
/* accordion novedades */
ul.ui-accordion-container { margin: 0; padding: 0; list-style-type: none; font-size: 90%;}
ul.ui-accordion-container li { text-align: left; margin: 0; margin-bottom: 2px; padding: 5px; background: url(../images/back-articulo-accordion.png) repeat-x center top; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../images/back-articulo-accordion.png'); }
ul.ui-accordion-container li a { text-decoration: none; font-size: 110%; }
ul.ui-accordion-container li a:hover { text-decoration: none; font-weight: bold; }
ul.ui-accordion-container li.active a { font-weight: bold; }

ul.ui-accordion-container li:hover {}
ul.ui-accordion-container li.active {}
/* --------------------------------------------------------------------------------------------------------*/


.relacionados {float: right; margin-left: 10px; margin-bottom: 10px;}
.izquierda {float: left; width: 70%;}
.boxheader 
{
	padding: 0px;
	font-weight: bold;
	font-size: 120%;
	background: url(../images/back-button30-v2.png) center repeat-x;
	width: 100%;
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../images/back-button30.png');*/
}


/* --------------------------------------------------------------------------------------------------------*/
/* coda Slider */
a:focus { outline:none }


.stripViewer .panelContainer .panel ul {
	text-align: left;
	margin: 0px 15px 0 30px;
}

.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	margin-bottom: 20px;
	position: relative;
	width: 100%;
}

/* These 2 lines specify style applied while slider is loading */
.csw {width: 400px; height: 260px; background: #fff; overflow: scroll}
.csw .loading {margin: 10px; text-align: center}

.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden; 
	/*border: 5px solid #000; /* this is the border. should have the same value for the links */
	margin: auto;
	width: 350px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 290px;
	clear: both;
	background: transparent;
}

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0; top: 0;
	width: 100%;
	list-style-type: none;
	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 100%;
	position: relative;
	width: 700px; /* Also specified in  .stripViewer  above */
}

.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
	padding: 10px;
}

.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
	margin: auto;
	position: absolute;
	top: 280px;
	z-index: 88;
}

.stripNav ul { /* The auto-generated set of links */
	list-style: none;
	width: 300px;
	margin-left: 35px;
}

.stripNav ul li {
	float: left;
	margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
}

.stripNav a { /* The nav links */
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	background: url(../images/bullet_white.gif) no-repeat top center ;
	color: #fff;
	text-decoration: none;
	display: block;
	text-indent: -9000em;
	width: 20px;
}

.stripNav li a:hover, .stripNav li a.current {
	background: url(../images/bullet_blue.gif) no-repeat center;
}

.stripNavL, .stripNavR { /* The left and right arrows */
	position: absolute;
	top: 290px;
	text-indent: -9000em;
	z-index: 89;
}

.stripNavL a, .stripNavR a {
	display: block;
	height: 20px;
	width: 20px;
}

.stripNavL {
	left: 0;
}

.stripNavR {
	right: 0;
}

.stripNavL {
	background: url("../images/previous.gif") no-repeat center;
}

.stripNavR {
	background: url("../images/next.gif") no-repeat center;
}

/* --------------------------------------------------------------------------------------------------------*/
/* clearing right based on http://www.positioniseverything.net/easyclearing.html */
#nav:after,
#header:after,
#prefooter:after,
#content:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}