/*Estilo para pagina se Catalogo de Porductos */
body{
background-color: #444;
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size: 12px;

}


/*--- Estructura del catalogo */
#enlace{
position:absolute;
margin-left:0px;
width: 970px;
top:0px;
height:30px;
/*border: 1px solid green;*/
}

#cargando{
position:absolute;
/*float:left;*/
width: 500px;
top:35px;
/*height:20px;*/
display:none;
color:white;
/*border: 1px solid blue;*/
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
text-align:center;
}

#buscarcss{
margin-left:500px;
position:absolute;
/*float:left;*/
top:32px;
width: 470px;
height:20px;
/*display:none; Peticion de Tarcyla 25-mayp-2010, 11:50*/
/*border: 1px solid #fff;*/
}

#encabezado{
/*float:left;*/
position:absolute;
width: 970px;
top:61px;
height:30px;
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size: 11px;
/*border: 1px solid red;*/
}
#cuerpo{
position:absolute;
/*float:left;*/
top:100px;
width: 990px;
height:500px;
/*border: 1px solid #fff;*/
}



table.miencabezado
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin-left: 0px;margin-top: 0px;
	width: 970px;
	text-align: left;
	border-collapse: collapse;
	background-attachment:scroll;
	/*background: url('Telas01.jpg') 250px 50px no-repeat;*/
}

table.miencabezado th
{
  background-color: #6666FF;
	padding: 5px;
	font-weight: normal;
	font-size: 11px;
	color: #fff;
}

div.ventana {
/*background:#CCCCCC none repeat scroll 0 0;*/
/*border:1px solid #666666;*/
margin:0px;
padding:0px;
position:relative;
width:200px;
height:100px;
overflow:auto;
}

#caracteristicas{
width:340px;
border:1px solid #000;
height:150px;
background-color: #444;
color:#fff;
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size: 12px;
}

/*================Estilo para la ventana de imagen==========================*/
#dialogo{

background-color:#ffffff;
}

/*================Estilo para la tabla de Productos==========================*/

table.mitabla
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin-left: 0px;margin-top: 0px;
	width: 980px;
	text-align: left;
	border-collapse: collapse;
	background-attachment:scroll;
	/*background: url('collage.jpg') 250px 50px no-repeat;*/
}
table.mitabla th
{
  background-color: #6666FF;
	padding: 5px;
	font-weight: normal;
	font-size: 14px;
	color: #fff;
}
table.mitabla td
{
	padding: 5px 5px;
	color: #fff;
	font-size: 11px;
	border-top: 1px solid #fff;

}
table.mitabla tfoot td
{
		font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #ffffff;
		text-align:center;
}
table.mitabla.tbody td
{
	/*background: url('back.png');*/

}
* html mitabla.tbody td
{
	/*
	   ----------------------------
		PUT THIS ON IE6 ONLY STYLE
		AS THE RULE INVALIDATES
		YOUR STYLESHEET
	   ----------------------------
	*/
/*	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='',sizingMethod='crop');*/
/*	background: none;*/
}
/*#background-image tbody tr:hover td
{
	color: #fff;
	background: none;
}*/
table.mitabla tr:hover {
   background: #3366CC !important;
   
}

/*
a.enlace:link {text-decoration:none;font-weight:900;  color: #000; background: #999; border:#FFFFFF 1px solid;} 
a.enlace:visited {text-decoration:none; color:#cccccc} 
a.elance:active {text-decoration:none; font-weight:900; color: #003399; background: #993333; border:#FFFFFF 1px solid;} 
a.enlace:hover {font-size: 13px;text-decoration:none; color: #ffffff; background: #000066; border:#FFFFFF 0px solid;} 
*/

a.Ntooltip {
position: relative; /* es la posición normal */
text-decoration: none !important; /* forzar sin subrayado */
color:#0080C0 !important; /* forzar color del texto */
font-weight:bold !important; /* forzar negritas */
}

a.Ntooltip:hover {
z-index:999; /* va a estar por encima de todo */
background-color:#000000; /* DEBE haber un color de fondo */
}

a.Ntooltip span {
display: none; /* el elemento va a estar oculto */
}

a.Ntooltip:hover span {
display: block; /* se fuerza a mostrar el bloque */
position: absolute; /* se fuerza a que se ubique en un lugar de la pantalla */
top:2em; left:2em; /* donde va a estar */
width:250px; /* el ancho por defecto que va a tener */
padding:5px; /* la separación entre el contenido y los bordes */
background-color: #999; /* el color de fondo por defecto */
color: #FFFFFF; /* el color de los textos por defecto */
}



/*------------Menus-----------------------------------------------------------*/

.menu{margin:0; padding:0; height:30px; width: 970px; display:block; background:url("../exclusivas/imagenes/menuscatalogo.png") repeat-x;}
.menu li{padding:0; margin:0; list-style:none; display:inline;}
.menu li a{float:left; padding-left:15px; display:block; color:rgb(255,255,255); text-decoration:none; font:12px Verdana, Arial, Helvetica, sans-serif; cursor:pointer; background:url("../exclusivas/imagenes/menuscatalogo.png") 0px -30px no-repeat; outline:none;}
.menu li a span{line-height:30px; float:left; display:block; padding-right:15px; background:url("../exclusivas/imagenes/menuscatalogo.png") 100% -30px no-repeat;}
.menu li a:hover{background-position:0px -60px; color:rgb(255,255,255);}
.menu li a:hover span{background-position:100% -60px;}
.menu li a.active, .menu li a.active:hover{line-height:30px; font:12px Verdana, Arial, Helvetica, sans-serif; background:url("../exclusivas/imagenes/menuscatalogo.png") 0px -90px no-repeat; color:rgb(255,255,255);}
.menu li a.active span, .menu li a.active:hover span{background:url("../exclusivas/imagenes/menuscatalogo.png") 100% -90px no-repeat;}
/*------------Menus dock-----------------------------------------------------------*/
 /* dock2 - bottom */
#dock2 {
	width: 100%;
	bottom: 50px;
	position: absolute;
	left: 0px;
}
.dock-container2 {
	position: absolute;
	height: 50px;
	background: url(images/dock-bg.gif);
	padding-left: 20px;
}
a.dock-item2 {
	display: block; 
	font: bold 12px Arial, Helvetica, sans-serif;
	width: 40px; 
	/*background-color: #444;*/
	color: #fff; 
	bottom: 0px; 
	position: absolute;
	text-align: center;
	text-decoration: none;
	 /*opacity: .25;
   -moz-opacity: .25;
   filter:alpha(opacity=25);
   /*float: left;*/
	
}
.dock-item2 span {
	display: none;
	padding-left: 20px;
}
.dock-item2 img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}
img {
	border: none;
}