body
{
	font-family: arial;	
	font-size:10pt;	
	/*background-color: #E0E0E0;	*/
	background-color: #fff;
	margin-left : 0;	
	margin-right : 0;	
	margin-top : 0;	
	margin-bottom: 0;	
}

h1
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size:14px;  
	padding-left:2px; 
	background-color:#F0F0F0; 
	color:#333333; 
	font-weight:bold; 
	margin-bottom: 7px; 
	margin-top:9px; 
}

a
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold;	
	font-size: 10px;	
	color: #333;	
	text-align: left;	
	text-decoration: none;	
	background : transparent;
}

a:hover 
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 	
	font-size: 10px;	
	color: #990000;
	text-decoration: none;	
	background : transparent;
}

a.visited 
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 	
	font-size: 10px;	
	font-weight: bold;	
	color: #993300;	
	text-align: left;	
	text-decoration: underline;	
	background : transparent;
}

a.aviso
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 	
	font-size: 10px;	
	font-weight: bold;	
	color: #fff;	
	text-align: left;		
	background : transparent;
}
	
table 
{  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: normal; 
	color: #022D36; 
	text-decoration: none;
}

INPUT
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 	
	font-size:11px;	
	color: #022D36;	
	border: 1px #022D36 solid; 	
	background-color: #E1E7E9;
}

TEXTAREA
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 	
	font-size:10pt;	
	color: #022D36;	
	border: 1px #022D36 solid; 	
	background-color: #E1E7E9;
}

.tit 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border-bottom: 1px solid #CCCCCC;
	font-weight:bold;
}

.cursiva 
{  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: normal; 
	color: #f46313; 
	background : White;
	text-decoration: none; 
	font-style : italic;
}

.textbold 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 10px;	
	font-weight: bold;	
	color: #022D36;	
	background : White;	
	text-decoration: none; 
}

.error 
{
	font-family: sans-serif;
	font-size: 10px ; 
	text-decoration: none; 
	color: #880000;
	background-color: #FFFFFF; 
	border: #880000; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px
}

.ruta 
{  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	color: #666666; 
	background : White;
	text-decoration: none
}

TABLE.bordeclaro 
{
	border : 1px solid #022D36;	
	background : transparent;
}

.box 
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: normal; 
	color: #022D36; 
	text-decoration: none; 
	background-color: #F0F0F0; 
	border: 1px solid #022D36;
}

.box2 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 10px;	
	font-weight: bold;	
	color: #022D36;	
	text-decoration: none;	
	border: 1px solid #022D36;	
	background-color: #E1E7E9;
}

.fcell 
{
	background-color:#E1E7E9;
}

.fcell2 
{
	background-color:#F0F0F0;
}

.fcell3 
{
	background-color:#FFFFFF;
}

.fcell4 
{
	background-color:#ECE9D8;
}

.fcell5verde 
{
	background-color:#BEC5A3;
}

.fcell6rojo 
{
	background-color:#ECC1C1;
}

.fcell7azul 
{
	background-color:#C6CADD;
}

.fcell8amarillo 
{
	background-color:#FFF2BF;
}

.fondoclaroempr 
{
	background-color:#F0F0F0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
} 

.titulo 
{
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 10px;	
	font-weight: bold;	
	color: #FFFFFF;	
	background-color: #003366;
}

.titulobienvenida 
{
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 18px;
}

INPUT.button 
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 	
	font-size: 8pt;	
	color: #FFFFFF;	
	border: 1px #333333 solid; 	
	background-color: #333333;	
	font-weight : bold;
}

#cent 
{
	width:98%;
}

#rutas 
{
	text-align:left;
}

#pie 
{
	background-color:#333333;
	color:#fff;
	width:100%;
	float:left;
	position:relative;
	padding:2px;
}

#copy 
{
	width:48%;
	float:left;
}

#aviso 
{
	width:48%;
	float:right;
	text-align:right;
}

a.link2:link 
{
	font-family: Arial Narrow, Helvetica, sans-serif; 
	font-size:11px; 
	font-weight: normal; 	
	color: #022D36;
	text-align: left;	
	text-decoration: none;	
	background : transparent;
}

a.link2:hover 
{
	font-family: Arial Narrow, Helvetica, sans-serif; 	
	font-size:11px; 
	font-weight: normal;	
	color:#FF6600;	
	text-decoration:none;	
	background : transparent;
}

a.link2:visited 
{
	font-family: Arial Narrow, Helvetica, sans-serif; 
	font-size:11px; 
	font-weight: normal; 	
	color: #022D36;	
	text-align: left;	
	text-decoration: none;	
	background : transparent;
}

INPUT.buttonpaginacion 
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px;	
	color: #022D36;	 	
	background-color: #B3C0C2;  
}

#paginacion ul
{
	list-style-type: none;
}

#paginacion li
{
	display: inline;
}

#paginacion li a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 5px;
	color: #fff;
	text-decoration: none;
	margin: 2px;
	padding: 2px;
	background: #0F3E72;	
}

#paginacion li a:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 5px;
	color: #fff;
	text-decoration: none;
	margin: 2px;
	padding: 2px;
	background: #886818;
}

th 
{
	background-color:#999;
	color:#fff;
	font-size:10px;
	text-align:center;
}

.th 
{
	background-color:#999;
	color:#fff;
	font-size:10px;
	text-align:center;
	font-weight: BOLD;
}

a.titulosgestor
{
	padding-left:14px;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #022D36;
	text-decoration: underline;
	background-image: url(../img/flecha_azul.gif);
	background-repeat: no-repeat;
	background-position: 2px 3px;
}

a.titulosgestor:hover
{
	padding-left:14px;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #666666;
	text-decoration: underline;
	background-image: url(../img/flecha_azul.gif);
	background-repeat: no-repeat;
	background-position: 2px 3px;
}

.recuadro 
{
	border: 1px solid #666666;
}

.migasgestor
{
	background-color:#CCD9E5;
	color:#0E3B4F;
}

.kakatabla 
{
	width:120px;
	height:105px;
	margin-top:5px;
	margin-bottom:14px;
	padding-top:10px;
	padding-left:3px;
	margin-right:3px;
	margin-left:3px;
	padding-left:3px;
	border: 1px solid #666666;
}

h2
{
	font-size: 11px;
	font-weight: normal;
	color: #333;
	background:#cccccc;
	padding-left: 20px;
	margin-top:3px;
	margin-bottom: 2px;
	margin-left:0px;
	margin-right:0px;
	padding-bottom:2px;
	padding-top:2px;
	text-align:left;
}

.tit2
{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3366CC;
	font-weight: bold;
	color: #3366CC;
	font-size:11px;
}

a.tit2
{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3366CC;
	font-weight: bold;
	color: #3366CC;
	font-size:11px;
}

a.tit2:hover
{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	font-weight: bold;
	color: #666666;
	font-size:11px;
}

.celdacatalogo
{
	background:#B62F37 url(../img/pittika_grande.gif) no-repeat left center;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	padding-left: 8px;
	padding-bottom: 4px;
	padding-top: 3px;
}

.celdamenu
{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	color: #fff;
	vertical-align: middle;
	padding-bottom: 4px;
	padding-top: 3px;
	padding-left: 8px;
	background: #cccccc url(../img/pittika.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

INPUT.buttonpaginacion 
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px;	
	color: #022D36;	 	
	background-color: #B3C0C2;  
}

.t9 
{
	PADDING-LEFT: 5px; 
	FLOAT: left; 
	position:relative; 
	PADDING-BOTTOM: -20px;  
	WIDTH: 30%; 
	HEIGHT:   10PX;
	COLOR: #000000; 
	PADDING-TOP: -20px; 
	FONT-FAMILY: Verdana; font-size:10px;
}

/*alinea el texto a la derecha*/
.t10 
{
	PADDING-LEFT: 5px;  
	text-align:right; 
	position:relative; 
	float: center; 
	PADDING-BOTTOM: -20px; 
	VERTICAL-ALIGN: middle; 
	WIDTH: 20%; 
	COLOR: #000000; 
	PADDING-TOP: -20px; 
	FONT-FAMILY: Verdana;
}

.t5 
{
	PADDING-LEFT: 5px; 
	FLOAT: left; 
	position:relative; 
	PADDING-BOTTOM: -20px; 
	VERTICAL-ALIGN: middle; 
	WIDTH: 30%; 
	COLOR: #000000; 
	PADDING-TOP: -20px; 
	FONT-FAMILY: Verdana;
}

.t1 
{
	PADDING-LEFT: 5px; 
	FLOAT: left; 
	PADDING-BOTTOM: -20px; 
	VERTICAL-ALIGN: middle; 
	WIDTH: 30%; COLOR: #000000; 
	PADDING-TOP: -20px; 
	FONT-FAMILY: Verdana; 
	font-size:10px;
}

a.celdacat
{
	color:#ffffff;
	font-size: 10px;
	font-weight: bold;	
}

a.celdacat:hover
{
	color:#333;
	font-size: 10px;
	font-weight: bold;
}

#enumeracion li
{
	background-image: url(../img/flechitas.gif);
	background-repeat: no-repeat;
	background-position: left 1px;
	MARGIN-LEFT: 10px; 
	padding-left:16px; 
	color:#697F90;
	padding-bottom:5px;	
}

#enumeracion li a 
{
	color:#022D36;
	padding-bottom:5px;
	font-weight:bold;
}

#enumeracion li a:hover 
{
	color:#022D36;
	padding-bottom:5px;
	font-weight:normal;
	font-weight:bold;
	text-decoration:underline;	
}

#enumeracion 
{
	MARGIN-RIGHT: 1px; 
	float: left; 
}
#enumeracion UL 
{
	PADDING-LEFT: 2px; 
	MARGIN-LEFT: 2px; 
	COLOR: #1D3759; 
	LIST-STYLE-TYPE: none;
}

.tablaborde 
{
	border: 1px solid #666666;
}

.VentaProducto 
{
	float:left;
	width:100px;
	height:105px;
	margin-top:5px;
	margin-bottom:14px;
	padding-top:10px;
	margin-right:5px;
	margin-left:15px;
	padding-left:20px;
	text-align:left;
	border: 1px solid #666666;
	background-image: url(../img/cuadrado.gif);
	background-repeat: no-repeat;
	background-position: 3px 83px;
	font-weight: bold;
}

.textarea 
{
	font-size: 10px;
	height: 14px;
}

#catalogo 
{
	padding-top:1px;
}


#catalogo ul li 
{
	list-style-image: url(../img/flechita_azul.gif);
	color:#3366CC;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: left center;
}

#catalogo ul li a
{
	list-style-image: url(../img/flechita_azul.gif);
	color:#3366CC;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: left center;
}

#catalogo ul li ul
{
	list-style-image:url(../img/flecha_naranja.gif);
	color:#003366;
	font-weight: normal;
	background-repeat: no-repeat;
	background-position: left center;
	padding-top:4px;
	margin-left:23px;
}

#catalogo ul li ul li 
{
	list-style-image:url(../img/flecha_naranja.gif);
	color:#003366;
	font-weight: normal;
	background-repeat: no-repeat;
	background-position: left center;
}

#catalogo ul li ul li a
{
	list-style-image:url(../img/flecha_naranja.gif);
	color:#003366;
	font-weight: normal;
	background-repeat: no-repeat;
	background-position: left center;
}

#catalogo ul li ul li hover
{
	list-style-image:url(../img/flecha_naranja.gif);
	color:#003366;
	font-weight: normal;
	background-repeat: no-repeat;
	background-position: left center;
}

 .bordeniveles
 {
	border: 1px solid #999999;
	font-weight: bold;
 }
 
 .raiz
 {
	background-image: url(../img/flecha_azul.gif);
	background-repeat: no-repeat;
	padding-left:19px;
	font-size: 11px;
	font-weight: bold;
	color: #0344D9;
	background-position: 8px;	
}

.rama
{
	background-image: url(../img/flechita_azul.gif);
	background-repeat: no-repeat;
	padding-left:24px;
	font-size: 10px;
	font-weight: bold;
	color: #003366;
	background-position: 17px;	
}

.fotopie
{
	background-image: url(../img/flechita_azul.gif);
	background-repeat: no-repeat;
	padding-left:0px;
	font-size: 10px;
	font-weight: bold;
	color: #003366;
	background-position: 8px;
}

a.catalogotitulo: link
{
	font-size: 10px;
	font-weight: bold;
	color: #000;
}

a.catalogotitulo: visited
{
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
}
	
.open 
{
	display: block;
	margin-left: 18px;
}

.closed
{
	display: none;
	text-decoration:underline;
}	

.lineasmenu
{
	/*border: 1px solid #4c9fa7;*/
	border-top: 0px solid #4c9fa7;
	border-left: 0px solid #4c9fa7;
	border-bottom: 0px solid #4c9fa7;
	border-right: 1px solid grey;
}

a.busquedavanzada
{
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif, Verdana;
	color: rgb(150, 150, 150);
/*font-weight: bold;*/
	text-decoration: none;
}

a.busquedavanzada:hover
{
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif, Verdana;
	/*font-weight: bold;*/
	color: rgb(176, 176, 176);
	text-decoration: none;
}


.cabeceracesta
{
	background-image: url(../img/cesta_cabecera.gif);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #4c9fa7;
}