/*  Contenedores
-------------------------------------------------------------------------------------------------------------------*/

body 
{
	margin: 0px;
	text-align:center;
	position: absolute;
	background:  #193449 url(../graficos/fondo.gif) repeat-x left top;
}

form {margin: 0px; padding: 0px;}
p { color: #333333; vertical-align: top; font: 12px/20px Tahoma, Arial, Helvetica, Verdana; text-align: left;}
p strong { font: bold 11px/18px Tahoma, Arial, Helvetica, Verdana; color: #7E6C61;}

/*  Contenedores
-------------------------------------------------------------------------------------------------------------------*/

.contenedor { width: 800px; height: 400px; background: url(../graficos/fondo-interno2.gif) repeat-y right top; margin: 0 auto; padding-top: 4px; vertical-align: top; padding-bottom: 10px;}
.top{vertical-align: top;}
.center{vertical-align: middle; text-align: center;}

/*  Head
-------------------------------------------------------------------------------------------------------------------*/

#cabezal{ width: 786px; height: 77px;}
#logo{width: 198px; float: left;}
#submenu{ font: bold 11px/16px Tahoma, Arial, Helvetica, Verdana; color: #FFFFFF; width: 578px; /*background: url(../graficos/fondo-cuenta.gif) repeat-y right top;*/ vertical-align: top; text-align: right; height: auto; float: left; padding: 5px 10px 0px 0px;}
#submenu a { color: #FFFFFF; padding: 2px;}
#submenu a:hover{ color: #FFCC00; padding: 2px; text-decoration: none;}
#submenusr{ font: bold 11px/normal Tahoma, Arial, Helvetica, Verdana; color: #ffca41; }

/*  Menú general
-------------------------------------------------------------------------------------------------------------------*/

#globalheader { width: 787px; height: 32px; margin: 0px auto; position: relative; z-index: 9998; }
#globalheader #globalnav { margin: 0; padding: 0; }
#globalheader #globalnav li { display: inline;}
#globalheader #globalnav li a { float: left; height: 32px; padding-top: 0px; overflow: hidden; font-size: 0px; line-height: 90px;}
#globalheader #globalnav li a { background: url(../graficos/menu.gif) no-repeat;}

/* Boton normal */
#globalheader #globalnav li#empresa a { background-position: 0 0; width: 113px;}
#globalheader #globalnav li#productos a { background-position: -113px 0; width: 112px; }
#globalheader #globalnav li#consultas a { background-position: -225px 0;  width: 112px;}
#globalheader #globalnav li#marcas a { background-position: -337px 0;  width: 112px;}
#globalheader #globalnav li#merchandising a { background-position: -449px 0;  width: 112px;}
#globalheader #globalnav li#contacto a { background-position: -561px 0;  width: 112px;}
#globalheader #globalnav li#registracion a { background-position: -673px 0;  width: 113px;}

/* Hover */
#globalheader #globalnav li#empresa a:hover { background-position: 0 -34px; width: 113px;}
#globalheader #globalnav li#productos a:hover { background-position: -113px -34px; width: 112px; }
#globalheader #globalnav li#consultas a:hover { background-position: -225px -34px;  width: 112px;}
#globalheader #globalnav li#marcas a:hover { background-position: -337px -34px;  width: 112px;}
#globalheader #globalnav li#merchandising a:hover { background-position: -449px -34px;  width: 112px;}
#globalheader #globalnav li#contacto a:hover { background-position: -561px -34px;  width: 112px;}
#globalheader #globalnav li#registracion a:hover { background-position: -673px -34px;  width: 113px;}

/* Boton presionado */
#globalheader #globalnav li#empresa a:active { background-position: 0 -68px; width: 113px;}
#globalheader #globalnav li#productos a:active { background-position: -113px -68px; width: 112px; }
#globalheader #globalnav li#consultas a:active { background-position: -225px -68px;  width: 112px;}
#globalheader #globalnav li#marcas a:active { background-position: -337px -68px;  width: 112px;}
#globalheader #globalnav li#merchandising a:active { background-position: -449px -68px;  width: 112px;}
#globalheader #globalnav li#contacto a:active { background-position: -561px -68px;  width: 112px;}
#globalheader #globalnav li#registracion a:active { background-position: -673px -68px;  width: 113px;}

/* Señalador */
#globalheader.empresa #globalnav li#empresa a { background-position: 0 -102px; cursor:default; width: 113px;}
#globalheader.productos #globalnav li#productos a { background-position: -113px -102px !important; width: 112px; }
#globalheader.consultas #globalnav li#consultas a { background-position: -225px -102px !important;  width: 112px;}
#globalheader.marcas #globalnav li#marcas a { background-position: -337px -102px !important;  width: 112px;}
#globalheader.merchandising #globalnav li#merchandising a { background-position: -449px -102px !important;  width: 112px;}
#globalheader.contacto #globalnav li#contacto a { background-position: -561px -102px !important;  width: 112px;}
#globalheader.registro #globalnav li#registracion a { background-position: -673px -102px !important ;  width: 113px;}


/*  Buscador
-------------------------------------------------------------------------------------------------------------------*/

.buscador{ background: #005494 url(../graficos/fondo-search.gif) repeat-y; height: 33px;}
.b1{ text-align:center; width: 145px; vertical-align:top;}
.b2 {text-align:center; width: 297px; vertical-align:top;}
.b3 {text-align:center; width: 202px; vertical-align:top;}
.b4 {text-align:center; width: 66px; vertical-align:top;}
.b5 {text-align:center; width: 77px; vertical-align:top;}

.campobuscar{ font: 11px Tahoma, Arial, Verdana, sans-serif; color: #333333; width: 200px; height: 16px; border: 1px solid #999999; background: #FFFFFF;}
.lista{ font: 11px Tahoma, Arial, Verdana, sans-serif; color: #333333; width: 195px; height: 18px; border: 1px solid #999999; background: #FFFFFF;}


/*  Buscador avanzado
-------------------------------------------------------------------------------------------------------------------*/

.solapa1{ font: bold 10px Tahoma, Arial, Helvetica, Verdana; color: #333333; background: url(../graficos/solapaactiva.gif) no-repeat center bottom; width: 143px; padding: 2px 0px 0px 0px; text-align: center; height: 24px; vertical-align: middle; overflow: hidden;}
.solapa2{ font: bold 10px Tahoma, Arial, Helvetica, Verdana; color: #333333; background: url(../graficos/solapainactiva.gif) no-repeat center bottom; width: 143px; padding: 2px 0px 0px 0px; text-align: center; height: 24px;}
.solapa2:hover{ background: url(../graficos/solapaactiva.gif) no-repeat center bottom;  width:143px;}

.colbus1{ font: bold 10px Tahoma, Arial, Helvetica, Verdana; color: #333333; text-align: right; padding: 3px 5px 3px 3px; width: 100px; height: 25px; border-top: 1px solid #CCCCCC; background: #FDFDFD;}
.colbus2{ font: bold 10px Tahoma, Arial, Helvetica, Verdana; color: #333333; text-align: left; padding: 3px 2px 3px 5px; width: 150px; height: 25px; border-top: 1px solid #CCCCCC; background: #FDFDFD; border-left: 1px solid #EAEAEA;}
.colbus3{ font: bold 10px Tahoma, Arial, Helvetica, Verdana; color: #333333; text-align: left; padding: 3px 2px 3px 5px; width: 421px; height: 25px; border-top: 1px solid #CCCCCC; background: #FDFDFD; border-left: 1px solid #EAEAEA;}
.cambus{ font: bold 13px Tahoma, Arial, Helvetica, Verdana; color: #666666; width: 140px; height: 24px; border-top: 0px solid #999999; border-bottom: 0px solid #999999; background: #fff5ad url(../graficos/sombraamarilla.gif) repeat-x;}
.desplegable1{ font: 11px Tahoma, Arial, Helvetica, Verdana; color: #666666; width: 120px; height: 16px; border: 1px solid #EAEAEA; background: #FFFFFF;}
.desplegable2{ font: 11px Tahoma, Arial, Helvetica, Verdana; color: #666666; width: 200px; height: 16px; border: 1px solid #EAEAEA; background: #FFFFFF; }

.resulta0{ font: bold 10px Tahoma, Arial, Helvetica, Verdana; color: #333333; text-align: left; padding: 5px 3px 3px; width: 16px; height: auto; border-top: 1px solid #d2b48c; background: #FDFDFD; vertical-align: top;}
.resulta1{ font: bold 10px Tahoma, Arial, Helvetica, Verdana; color: #333333; text-align: left; padding: 3px; width: 74px; height: auto; border-top: 1px solid #d2b48c; background: #FDFDFD; border-left: 1px solid #d2b48c;}
.resulta2{ font: bold 12px Tahoma, Arial, Helvetica, Verdana; color: #005494; text-align: left; padding: 5px 3px 3px; width: 54px; height: auto; border-top: 1px solid #d2b48c; background: #FDFDFD; border-left: 1px solid #d2b48c; }
.resulta2 A:Link{color: #005494;}
.resulta3{ font: bold 10px Tahoma, Arial, Helvetica, Verdana; color: #333333; text-align: left; padding: 5px 3px 3px; width: 425px; height: auto; border-top: 1px solid #d2b48c; background: #FDFDFD; border-left: 1px solid #d2b48c;}
.resulta4{ font: bold 10px Tahoma, Arial, Helvetica, Verdana; color: #333333; text-align: left; padding: 5px 3px 3px; width: 84px; height: auto; border-top: 1px solid #d2b48c; background: #FDFDFD; border-left: 1px solid #d2b48c; vertical-align: top;}
/*.resulta5{ font: bold 12px Tahoma, Arial, Helvetica, sans-serif; color: #000033; text-align: right; padding: 5px 3px 3px; width: 68px; height: auto; border-top: 1px solid #CCCCCC; border-left: 1px solid #EEEEEE; background: #FDFDFD; vertical-align: top;}*/
.resulta5{ font: bold 12px Tahoma, Arial, Helvetica, sans-serif; color: #000033; text-align: right; padding: 5px 3px 3px; width: 68px; height: auto; border-top: 1px solid #d2b48c; border-left: 1px solid #d2b48c; background: #FDFDFD;}
.resulta6{ font: bold 10px Tahoma, Arial, Helvetica, Verdana; color: #333333; text-align: left; padding: 5px 3px 3px; width: 357px; height: auto; border-top: 1px solid #d2b48c; background: #FDFDFD; border-left: 1px solid #d2b48c; vertical-align: top;}
.resulta7{ font: bold 10px Tahoma, Arial, Helvetica, Verdana; color: #333333; text-align: center; padding: 3px; width: 74px; height: auto; border-top: 1px solid #d2b48c; background: #FDFDFD; border-left: 1px solid #EEEEEE;}

.paginado{
	font: bold 10px Tahoma, Arial, Helvetica, Verdana;
	color: #333333;
	text-align: left;
	padding: 2px 5px 2px 20px;
	width: 771px;
	height: 33px;
	background: #FDFDFD url(../graficos/basepaginado.gif) center bottom;
}

#novedad{ background: #DAE2F3; }
#oferta{ background: #FEF8C7;}
#ordenar{font: bold 10px Tahoma, Arial, Helvetica, Verdana; color: #333333; text-align: right; padding-right: 5px; }
#divisor{background: url(../graficos/divisor.gif) no-repeat right;}
#especial{width: 273px; }


/*  Columnas
-------------------------------------------------------------------------------------------------------------------*/

.col1 { width: 186px; vertical-align:top;}
.col2 { width: 405px; background: url(../graficos/menu-fondo.gif) repeat-x left top; vertical-align:top;}
.col3 { width: 591px; background: url(../graficos/menu-fondo.gif) repeat-x left top; vertical-align:top;}

.baseder{ /*width: 186px;*/ background: #f0ecde; /*border-right: 1px solid #dfd7b9;*/ border-left: 1px solid #dfd7b9; font: bold 11px/18px Tahoma, Arial, Helvetica, Verdana; color: #0E4772; padding: 2px 5px 2px 10px; text-align: left; vertical-align: top;}
.baseder a:link, .baseder a:visited{ font: bold 11px/15px Tahoma, Arial, Helvetica, Verdana; color: #0E4772;}
.baseder a:hover{ font: bold 11px/15px Tahoma, Arial, Helvetica, Verdana; color: #000033;}
#lineae{ border-bottom: 1px solid #dfd7b9; }

.colreg1{ font: 11px Tahoma, Arial, Verdana, sans-serif; color: #333333; width: 145px; height: 28px; text-align: right; padding-right: 5px; border-top: 1px solid #E2E2E2;}
.colreg2{ font: 11px Tahoma, Arial, Verdana, sans-serif; color: #333333; width: 227px; height: 28px; text-align: left; border-top: 1px solid #E2E2E2; padding: 3px 0px 3px 15px; background: url(../graficos/flecha-azul.gif) no-repeat left center;}
.colreg3{ font: 11px Tahoma, Arial, Verdana, sans-serif; color: #333333; width: 227px; height: 40px; text-align: left; padding: 3px 0px 3px 15px;} 
#oblig{	background: url(../graficos/flecha-amarilla.gif) no-repeat left center;}

.regcampo{ font: 11px Tahoma, Arial, Helvetica, Verdana; color: #666666; width: 170px; height: 17px; border: 1px solid #999999; background: #FFFFFF;}
.reglista{ font: 11px Tahoma, Arial, Helvetica, Verdana; color: #666666; width: 170px; height: 17px; border: 1px solid #999999; background: #FFFFFF;}
.regarea{ font: 11px Tahoma, Arial, Helvetica, Verdana; color: #666666; width: 170px; height: 50px; border: 1px solid #999999; background: #FFFFFF;}
.basederpie{ background: #f0ecde; border-right: 1px solid #dfd7b9; border-left: 1px solid #dfd7b9; border-bottom: 1px solid #dfd7b9;}

.colempresa{ width: 385px; background: url(../graficos/menu-fondo.gif) repeat-x left top; vertical-align:top; font: 12px/18px Tahoma, Arial, Helvetica, Verdana; color: #333333; text-align: left; padding: 0px 10px 5px 8px;}
.colempresa strong { font: bold 12px/18px Tahoma, Arial, Helvetica, Verdana; color: #525252;}

.prodcol{font: 11px Tahoma, Arial, Verdana, sans-serif; color: #333333; width: 196px; text-align: left; border-top: 1px solid #E2E2E2; padding: 3px 0px 3px 15px;}
.prodlet{ font: italic bold 11px Tahoma, Arial, Verdana, sans-serif; color: #000000; width: 196px; text-align: left; border-top: 1px solid #E2E2E2; padding: 3px 0px 3px 15px; background: #FFCA41;}
.coldatos1{ font: 12px Tahoma, Arial, Verdana, sans-serif; color: #333333; width: 50%; height: 28px; text-align: right; padding-right: 5px; border-top: 1px solid #E2E2E2;}
.coldatos1 strong { font: bold 12px Tahoma, Arial, Verdana, sans-serif; color: #333333; }
.coldatos2 { font: 12px Tahoma, Arial, Verdana, sans-serif; color: #333333; width: 50%; height: 28px; text-align: left; border-top: 1px solid #E2E2E2; padding: 3px 0px 3px 15px; background: url(../graficos/flecha-azul.gif) no-repeat left center;}

/*  Menú productos
-------------------------------------------------------------------------------------------------------------------*/

.menu A:Link, .menu A:Visited{ font: bold 11px Tahoma, Arial, Helvetica, Verdana; color: #4e4833; text-decoration:none; background: #FFFFFF; vertical-align: middle; text-align: left; display: block; height: 19px; padding: 4px 0px 0px 5px; border-top: 1px solid #d2d0c9; border-left: 1px solid #d2d0c9; border-right: 1px solid #d2d0c9;}
.menu A:Hover{  font: bold 11px Tahoma, Arial, Helvetica, Verdana; color: #4e4833; text-decoration:none; background: #F2F2F2; vertical-align: middle; text-align: left; display: block; height: 19px; padding: 4px 0px 0px 5px; border-top: 1px solid #d2d0c9; border-left: 1px solid #d2d0c9; border-right: 1px solid #d2d0c9;}

/*  Marcas
-------------------------------------------------------------------------------------------------------------------*/

.linksmarcas{ vertical-align: top; text-align: center; height: 20px; padding: 3px 3px 10px; border-bottom: 1px solid #d2d0c9;}

/*  Usuarios
-------------------------------------------------------------------------------------------------------------------*/

.user { font: bold 11px/normal Tahoma, Arial, Helvetica, Verdana; color: #333333; padding-left: 5px; background: #ffca41 url(../graficos/base-user.gif) repeat-x left top; width: auto; vertical-align:middle; text-align: left; height: 25px;}
.utiles { font: bold 10px Tahoma, Arial, Helvetica, Verdana; color: #333333; padding-left: 6px; background: url(../graficos/base-util.gif) repeat-x left top; width: auto; vertical-align:middle; text-align: left; height: 25px;}
.cab-datos{ font: bold 10px Tahoma, Arial, Helvetica, Verdana; color: #333333; padding-left: 6px; background: #DED9CE; width: auto; vertical-align:middle; text-align: left; height: 25px; border-top: 2px solid #60554A; border-bottom: 1px solid #AB9A89; border-right: 1px solid #9D978A;}
.modificar { background: url(../graficos/fondo-titulos.gif) repeat-x left top; width: auto; vertical-align:middle; text-align: right; height: 35px; font: bold 11px Tahoma, Arial, Helvetica, Verdana; padding-right: 6px;}
.modificar A:Link, .modificar A:Visited { color: #FFCA41;}
.modificar A:Hover { padding-left: 6px; background: url(../graficos/fondo-titulos.gif) repeat-x left top; width: auto; vertical-align:middle; text-align: left; height: 35px; color: #FFCC00;}
.coluser{ font: 11px Tahoma, Arial, Verdana, sans-serif; color: #333333; width: auto; height: 25px; text-align: left; padding: 3px; border-top: 1px solid #E2E2E2; border-left:1px solid #E2E2E2; }
.rowusera{ }
.rowuserb{ 	background: #eae8e8;}
.rowusera:hover, .rowuserb:hover{ color: #FF8400; background: #FFCC00;}
#derecha{border-right:1px solid #E2E2E2;}
.borde{border: 1px solid #E2E2E2;}

/*  Cabezales
-------------------------------------------------------------------------------------------------------------------*/

.cab-zul { font: bold 11px Tahoma, Arial, Helvetica, Verdana; color: #FFFFFF; padding-left: 6px; background: url(../graficos/cabezalazul.gif) no-repeat left top; width: 180px; vertical-align:middle; text-align: left; height: 24px;}
.titulos { padding-left: 6px; background: url(../graficos/fondo-titulos.gif) repeat-x left top; width: auto; vertical-align:middle; text-align: left; height: 35px;}
.titulosgran { background: url(../graficos/fondo-titgra.gif) repeat-x left top; width: auto; vertical-align:middle; text-align: left; height: 41px; }
#ofertas{background: url(../graficos/fondo-ofertas.gif) repeat-x left top;}
#ofertasch{background: url(../graficos/fondo-ofertasch.gif) repeat-x left top;}


/*  Novedades - Ofertas
-------------------------------------------------------------------------------------------------------------------*/

.cabnov{ width: 181px; background: #ffca41 url(../graficos/flechita.gif) no-repeat 8px center; border: 1px solid #dea000; font: bold 11px/18px Tahoma, Arial, Helvetica, Verdana; color: #0E4772; text-align: left; vertical-align: middle; padding-left: 15px;}
.fotnov{ border: 1px solid #cccccc;}
.desnov{ width: 181px; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; font: bold 10px/15px Tahoma, Arial, Helvetica, Verdana; color: #333333; text-align: left; vertical-align: top; padding-left: 15px; background: #DDDDDD;}
.cabofer{ width: 181px; background: #2d4b60 url(../graficos/flechita1.gif) no-repeat 8px center; border: 1px solid #273349; font: bold 11px/18px Tahoma, Arial, Helvetica, Verdana; color: #ffca41; text-align: left; vertical-align: top; padding-left: 15px;}
.vermas{background: #DDDDDD; text-align: right; border-bottom: 2px solid #f5f5f5; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc;  padding: 3px;}


/*  Pie
-------------------------------------------------------------------------------------------------------------------*/
.base{ background: url(../graficos/fondo-base.gif) repeat-x center top; vertical-align: top; padding: 0px; height: auto;}
.pie{ height: auto; vertical-align: top; border-top: 1px solid #17222a; width: 781px;}
.sombra{width: 3px;}
.sombra-der{ width: 30px; background: url(../graficos/pie-sombrader.gif) no-repeat left top;}
.sombra-izq{ width: 30px; background: url(../graficos/pie-sombraizq.gif) no-repeat right top;}

.links{ font: normal 11px Tahoma, Arial, Helvetica, Verdana; color: #EAEAEA; vertical-align:top; text-align:left; width: 602px; height: auto; padding: 5px 10px;}
.links A:link { color: #EAEAEA; text-decoration: none;}
.links A:hover { color: #FFCC00; text-decoration: none;}
.links A:visited { color: #FF9900; text-decoration: none;}

.intercar{width: 195px; vertical-align: bottom; text-align: center;}
.vinculos{ font: bold normal 11px/16px Tahoma, Arial, Helvetica, Verdana; color: #EAEAEA; vertical-align:top; text-align:left; width: 195px;}
.vinculos A:link, .vinculos a:visited { color: #EAEAEA; text-decoration: none; background: url(../graficos/pie-triangulo.gif) no-repeat 10px center; padding-left: 23px; padding-top: 2px; padding-bottom: 2px;}
.vinculos A:hover { color: #FFCC00; text-decoration: none;}




/* Ingresar al sistema
-------------------------------------------------------------------------------------------------------------------*/

.login1{ text-align: left; padding: 5px 2px 3px 5px; width: 50%; height: auto; border-bottom: 1px solid #CCCCCC; background: #FDFDFD; font: 11px/15px Tahoma, Arial, Helvetica, Verdana; vertical-align: top;}
.login2{ text-align: left; padding: 3px 2px 3px 5px; width: 50%; height: 225px; border-bottom: 1px solid #FFCC00; background: #FFFBDF; border-right: 1px solid #FFCC00; border-left: 1px solid #FFCC00;}

.tablalogin{ font: 11px Tahoma, Arial, Verdana, sans-serif; color: #333333; text-align: left; padding: 3px 2px 3px 5px; width: 98%; height: 98%;}
.log1{ width: 40%; height: 33px; text-align: right; padding-right: 5px; border-top: 1px solid #FFE16A;}
.log2 { width: 60%; height: 33px; text-align: left; border-top: 1px solid #FFE16A; padding: 3px 0px 3px 15px; background: url(../graficos/flecha-azul.gif) no-repeat left center;}
.log3 {  width: auto; height: 33px; text-align: left;  padding: 3px 0px 3px 15px;}

/* Descripcion individual productos
-------------------------------------------------------------------------------------------------------------------*/

.producto1{ height: auto; width: 190px; background: #FDFDFD; vertical-align: top;}
.producto2{ font: 10px Tahoma, Arial, Helvetica, Verdana; color: #000033; text-align: left; vertical-align: top; background: #FDFDFD; height: 40px; width: 581px; }
.marca{ background-color: #f5f5f5; height: 76px;}
.titprod{ font: bold 10px/normal Tahoma, Arial, Helvetica, Verdana; color: #FFFFFF; background: #124A77; text-align: left; vertical-align: middle; height: 29px; width: auto; padding: 5px;}
.colprod1{ font: bold 11px Tahoma, Arial, Helvetica, Verdana; color: #000033; background: #FDFDFD; width: 90px; height: 22px;  padding: 5px; text-align: left; border-top: 1px solid #CCCCCC;}
.colprod2{ width: 175px; font: 11px Tahoma, Arial, Helvetica, Verdana; color: #000033; padding: 5px; text-align: left; height: 22px; border-top: 1px solid #CCCCCC;}
.colprod3{ width: auto; font: 11px Tahoma, Arial, Helvetica, Verdana; color: #000033; height: 22px; padding: 5px; text-align: left; border-top: 1px solid #CCCCCC;}
#base{ background: #0F446B; color: #FFFFFF;}
#precio{ font: bold 12px Tahoma, Arial, Helvetica, Verdana; color: #FFFFFF; background: #0F446B;}


/*  Formularios
-------------------------------------------------------------------------------------------------------------------*/

.Z1-CampoDeTexto{ font: 11px Tahoma, Arial, Helvetica, Verdana; color: #666666; width: 170px; height: 17px; border-top: 0px solid #999999; border-bottom: 0px solid #999999; background: #ebebeb url(../graficos/sombra.gif) repeat-x;}
.Z2-Menudesplegable{ font: 11px Tahoma, Arial, Helvetica, Verdana; color: #666666; width: 170px; height: 15px; border: 0px solid #999999; background: #ebebeb;}
.Z3-AreaDeTexto{ font: 11px Tahoma, Arial, Helvetica, Verdana; color: #666666; width: 170px; height: 70px; border: 0px solid #999999; background: #ebebeb url(../graficos/sombra.gif) repeat-x;}
.Z4-Botones { font: 11px/auto Tahoma, Arial, Verdana, sans-serif; color: #895D00; background-color: #F7E9CA; height: 20px; width: 60px; border: 1px solid #CC9900; border-left: 2px solid #895D00;}
.Z5-Seleccion,Opcion { font: 11px/auto Tahoma, Arial, Verdana, sans-serif; color: #895D00; border: 1px solid #CC9900; border-left: 2px solid #895D00;}
.Z6-Obligatorios{ font: 11px/auto Tahoma, Arial, Verdana, sans-serif; color: #895D00; background-image: url(../graficos/sombra-obligatorios.gif); background-position: left top; width: 200px; height: 20px; border: 1px solid #CC9900; border-left: 2px solid #895D00;}
.Z7-CampoDeTexto{ font: 11px Tahoma, Arial, Helvetica, Verdana; color: #666666; width: 40px; height: 15px; border: 1px solid #999999; background: #FFFFFF;}
.Z8-Menudesplegable{ font: 11px Tahoma, Arial, Helvetica, Verdana; color: #666666; width: 45px; height: 16px; border: 1px solid #999999; background: #FFFFFF;}
.Z9-Menudesplegable{ font: 11px Tahoma, Arial, Helvetica, Verdana; color: #666666; width: 100px; height: 16px; border: 1px solid #999999; background: #FFFFFF; padding-left: 6px;}
.Z9-Orden{ font: 11px/normal Tahoma, Arial, Helvetica, Verdana; color: #666666; width: 100px; height: 18px; border: 1px solid #999999; background: #FFFFFF; margin: 0px;}

.cantidad{ font: 11px Tahoma, Arial, Helvetica, Verdana; color: #666666; width: 30px; height: 17px; border-top: 0px solid #999999; border-bottom: 0px solid #999999; background: #ebebeb url(../graficos/sombra.gif) repeat-x;}
.Z10-Menudesplegable{ font: 11px Tahoma, Arial, Helvetica, Verdana; color: #666666; border: 1px solid #999999; background: #FFFFFF; padding-left: 6px;}


/*  Cabeceras
-------------------------------------------------------------------------------------------------------------------*/

h1{ color: #003366; font: bold 16px/20px Arial, Helvetica, sans-serif; text-align: left; height: 33px;}
h2{ color: #7E4643; font: bold 12px/20px Tahoma, Arial, geneva, sans-serif; width: 100%; border-bottom: 1px solid #660000; padding-bottom: 2px;}
h3{ font-family: Tahoma, Arial, geneva, sans-serif; font-size: 11px; color: #1D6878; font-weight: bold; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CBC2B1; padding-bottom: 5px; width: 550px;}
h4{ font-family: Tahoma, Arial, geneva, sans-serif; font-size: 11px; line-height: 14px; color: #111111; font-weight: bold; background-color: #CBC7B1; margin: 0px; padding: 5px 5px 5px 5px; height: auto; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #666666;}

sup {font-family:Arial, geneva, sans-serif; font-size: 9pt;} 
A:link {color: #666666; text-decoration: none;}
A:visited {color: #990000; text-decoration: none;}
A:hover {color: #CC6633; text-decoration: underline;}



/*  Federico
-------------------------------------------------------------------------------------------------------------------*/


.TextoBlanco{ font: bold 11pt Tahoma, Arial, Verdana, sans-serif; color: #ffffff; text-align: left; vertical-align:middle;}
.DetalleArti{ background:#005494  url(../graficos/flechita.gif) no-repeat 8px center; border: 1px solid #dea000; font: bold 11pt Tahoma, Arial, Helvetica, Verdana; color: #ffffff; text-align: left; vertical-align: middle; padding-left: 15px; padding-right: 5px; }
.CeldaGrisCenter{ font: bold 10pt Tahoma, Arial, Helvetica, Verdana; color: #333333; text-align: center; vertical-align:middle; background: #DDDDDD;}
.CeldaGrisLeft{ font: bold 10pt Tahoma, Arial, Helvetica, Verdana; color: #333333; text-align: left; padding-left: 5px; vertical-align:middle; background: #DDDDDD;}
.CeldaGrisRight{ font: bold 10pt Tahoma, Arial, Helvetica, Verdana; color: #333333; text-align: right; border: 1px solid #cccccc; vertical-align:middle; background: #DDDDDD;}
.CeldaNaranjaLeft{ background: #ffca41 url(../graficos/flechita.gif) no-repeat 8px center; font: bold 10pt Tahoma, Arial, Helvetica, Verdana; color: #0E4772; text-align: left; vertical-align: middle; padding-left: 15px;}
.CeldaAzul{ background:#005494; border: 1px solid #dea000; font: bold 11pt Tahoma, Arial, Helvetica, Verdana; color: #ffffff; text-align: left; vertical-align: middle; padding-left: 15px; padding-right: 5px; }
.colempresa{ background: url(../graficos/fondo-titulos.gif) repeat-x left top; vertical-align:top; font: 11px/16px Tahoma, Arial, Helvetica, Verdana;  color: #333333; text-align: left; padding: 0px 10px 5px 8px;}
.colempresa strong {  font: bold 11px/16px Tahoma, Arial, Helvetica, Verdana;  color: #525252;}
.Texto1{ background-color:#fffff0;  font: bold 11pt Tahoma, Arial, Verdana, sans-serif;  color: #0E4772;  text-align: left;  vertical-align:middle; 	padding-left: 15px;}
.Texto4 { padding-right: 5px; padding-left: 5px; font-size: 11px; color: #bb2600; font-family: Verdana, Tahoma}
.user{  font: bold 12px Tahoma, Arial, Helvetica, Verdana;  color: #333333;  padding-left: 6px;  background: #ffca41 url(../graficos/base-user.gif) repeat-x left top;  width: auto;  vertical-align:middle;  text-align: left;  height: 25px;}
.utiles { font: bold 11px Tahoma, Arial, Helvetica, Verdana; color: #333333; padding-left: 6px; background: #ffca41 url(../graficos/base-util.gif) repeat-x left top; width: auto; vertical-align:middle; text-align: left; height: 25px;}
.cab-datos{ font: bold 11px Tahoma, Arial, Helvetica, Verdana; color: #333333; padding-left: 6px; background: #DED9CE; width: auto; vertical-align:middle; text-align: left; height: 25px; border-top: 2px solid #60554A; border-bottom: 1px solid #AB9A89;}
.rowuserb{ 	background: #eae8e8;}


.coldatos1{ font: 13px Tahoma, Arial, Verdana, sans-serif; color: #333333; width: 50%; height: 28px; text-align: right; padding-right: 5px; border-top: 1px solid #E2E2E2;}
.coldatos1 strong { font: bold 13px Tahoma, Arial, Verdana, sans-serif; color: #333333; }
.coldatos2 { font: 13px Tahoma, Arial, Verdana, sans-serif; color: #333333; text-align: left; border-top: 1px solid #E2E2E2; padding: 0px 0px 3px 15px; background: url(../graficos/flecha-azul.gif) no-repeat left center;}
.Z8-Menudesplegable{ font: 12px Tahoma, Arial, Helvetica, Verdana; color: #666666; width: 45px; height: 16px; border: 1px solid #999999; background: #FFFFFF;}
.colusera{ font: 11px Tahoma, Arial, Verdana, sans-serif; color: #333333; height: 10px; text-align: left; padding: 3px; border-top: 1px solid #E2E2E2; border-left:1px solid #E2E2E2; }
.coluserb{ font: 11px Tahoma, Arial, Verdana, sans-serif; color: #333333; height: 10px; text-align: right; padding: 3px; border-top: 1px solid #E2E2E2; border-left:1px solid #E2E2E2; }
.modificar { background: url(../graficos/fondo-titulos.gif) repeat-x left top; width: auto; vertical-align:middle; text-align: right; height: 35px; font: bold 12px Tahoma, Arial, Helvetica, Verdana; color:Orange; padding-right: 6px;}
.titulos { padding-left: 6px; background: url(../graficos/fondo-titulos.gif) repeat-x left top; width: auto; vertical-align:middle; text-align: left; height: 35px;}
.login1{ text-align: right; padding: 5px 2px 3px 5px; width: 50%; height: auto; background: #FFFBDF; font: 10pt Tahoma, Arial, Helvetica, Verdana; vertical-align: top;}
.login2{text-align: left; padding: 3px 2px 3px 5px; width: 50%; height: 225px; background: #FFFBDF; font: 10pt Tahoma, Arial, Helvetica, Verdana; border-right: 1px solid #FFCC00; border-left: 0px solid #FFCC00;}
.log1{font: 11px Tahoma, Arial, Verdana, sans-serif; width: 40%; height: 33px; text-align: right; padding-right: 5px; border-top: 1px solid #FFE16A;}
.log2 {font: 11px Tahoma, Arial, Verdana, sans-serif; width: 60%; height: 33px; text-align: left; border-top: 1px solid #FFE16A; padding: 3px 0px 3px 15px; background: url(../graficos/flecha-azul.gif) no-repeat left center;}
.log3 {font: 11px Tahoma, Arial, Verdana, sans-serif;  width: auto; height: 33px; text-align: left;  padding: 3px 0px 3px 15px;}
.tablalogin{ font: 11px Tahoma, Arial, Verdana, sans-serif; color: #333333; text-align: left; padding: 3px 2px 3px 5px; width: 98%; height: 98%;}
.celdaleft{ font: 12px Tahoma, Arial, Verdana, sans-serif; color: #333333; text-align: left; padding: 3px; }
.celdaright{ font: 12px Tahoma, Arial, Verdana, sans-serif; color: #333333; text-align: right ; padding: 3px; }
.celdacenter{ font: 12px Tahoma, Arial, Verdana, sans-serif; color: #333333; text-align: center ; padding: 3px; }

.resulta8{ font: bold 10px Tahoma, Arial, Helvetica, Verdana; color: #333333; font: bold 16px Arial, Helvetica, sans-serif; color: #000033; text-align:right; padding: 5px 3px 3px; width: 68px; height: auto; vertical-align: top;}
.resulta9{ font: bold 10px Tahoma, Arial, Helvetica, Verdana; color: #333333; font: bold 16px Arial, Helvetica, sans-serif; color: #000033; text-align: center; padding: 5px 3px 3px; width: 68px; height: auto; vertical-align: top;}
.oferdescrip{ font: bold 24px Verdana, Tahoma, Arial, Helvetica; color: #124A77;}
.fondodescrip{ font: bold 10px/normal Tahoma, Arial, Helvetica, Verdana; color: #FFFFFF; background: #124A77; vertical-align: middle; width: auto; }
.textopubli{ font: bold 18px Tahoma, Verdana, Arial, Helvetica; color: White;}
.desnovnormal{font: 10px/15px Tahoma, Arial, Helvetica, Verdana; color: #333333; text-align: left; vertical-align: top; padding-left: 5px; background: #DDDDDD;}

.modalBackground {background-color:Black; filter:alpha(opacity=60); opacity:0.7;}
.tblborder1{ font: bold 10px Tahoma, Arial, Helvetica, Verdana; color: #333333; border-top: 1px solid #d2b48c; background: #ffffff; border-left: 1px solid #d2b48c; padding-left: 5px; vertical-align: middle;}