/* CSS Document */
body
{
/*	background-color:#000000;	*/
/*	background-color:#ffffff;	*/
	background-color:#808080;
	color:#AFAFAF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

a:link 
{
	font-family: Helvetica;
	font-size: 14px;
/*	color:#AFAFAF;*/
/*	color:#000000;*/
	color:#FFFFFF;
	text-decoration: none;
	font-weight: normal;
}

a:visited 
{
	font-family: Helvetica;
	font-size: 14px;
/*	color:#AFAFAF;*/
/*	color:#000000;*/
	color:#FFFFFF;
	text-decoration: none;
}

a:hover 
{
	font-family: Helvetica;
	font-size: 14px;
	color:#FFFFFF;
/*	color:#000000;*/
	text-decoration: underline;
}

a:active 
{
	font-family: Helvetica;
	font-size: 14px;
/*	color:#AFAFAF;*/
/*	color:#000000;*/
	color:#FFFFFF;
	text-decoration: none;
}

.separador
{
	width:1px;
	background-image: url(../images/barra.jpg);
	background-repeat: repeat-y;
}

.separadorProducto
{
	width:1px;
	background-image: url(../images/sep_prod.gif);
	background-repeat: repeat-y;
}

.letraMenu
{
	text-align:center;
	text-transform:uppercase;
	font-size:14px;
}

.bordeMenu
{
	background-color:#666666;
/*	background-color:#B6A019;*/
	border:2px solid #9A9A9A;
}

.fondoContenidos
{
	background-color:#CCCCCC;
}

.titulo 
{
	font-family: Helvetica;
	font-size: 14px;
/*	font-weight: bold;*/
	text-transform: uppercase;
	color: #656565;
	text-align: center;
}

.linea 
{
	background-image: url(../images/linea.jpg);
	background-repeat: repeat-x;
	background-position: center;
}

.lineaGris 
{
	background-image: url(../images/lineaGris.jpg);
	background-repeat: repeat-x;
	background-position: center;
}


.divContenido
{
	width:398px;
	height:216px;
	overflow:auto;
}

.letraContenido
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	text-align: justify;
	color:#FFFFFF;
}

/*
	Esta clase la uso para colocar una div como una capa inferior
*/
.fondo
{
	position:relative;
}

/*
	Esta clase la uso para el contenido de los links d categorias, como por ejemplo
	PRODUCTOS y NUESTRA TECNOLOGIA
*/
.sobreFondo
{
	position:absolute;
	left:65px;
	top:35;
}

.sobreFondoTecnologia
{
	position:absolute;
	top:80; 
	left:140px;
}

.sobreFondoContactenos
{
	position:absolute;
	left:100px; 
	top:31px;
}

.sobreFondoDetalleProductos
{
	position:absolute;
	left:255px;
	top:35px;
	width:285px;
	height:220px;
	overflow:hidden;
}

.galeriaTecnologia
{
	position:absolute;
	left:77px; 
	top:27px;
}

.galeriaObras
{
	position:absolute;
	left:99px;
	top:36;
}

.textoCategorias
{
	text-transform:uppercase;
	font-size:14px;
/*	font-weight:bold;*/
}

.sobreFondoProductos
{
	position:absolute;
	left:190px;
	top:45;
}

.barraFondoProductos
{
	position:absolute;
	left:35px; 
	top:19px;
}

.barraFondoContactos
{
	position:absolute;
	left:67px; 
	top:20px;
}

.barraFondoTecnologia
{
	position:absolute;
	left:110px; 
	top:20px;
}


.barraFondoObras
{
	position:absolute;
	top:190px; 
	left:35px;
}


.letraProductos
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	text-align: left;
	color:#000000;
	overflow:auto;
}

ol
{
	margin-left:0px;
	padding-left:-30px;
}

.divProductos
{
	width:462px;
	height:122px;
	overflow:auto;
}

.separadorImagenProducto
{
	width:1px;
	background-image: url(../images/separador-prod.gif);
	background-repeat: repeat-y;
}

.mensajeClick
{
	position:absolute; 
	top:-25px; 
	left:-50px; 
	font-size:10px; 
	font-weight:bold; 
	color:#F6D317;
}