* {margin: 0;
    padding: 0;}
	/*
	verde claro:#CC3
	verde oscuro:#660
	*/

#pronav{
	width:211px;
	float:left;
	margin:10px 0 0 50px;/*Todos los navegadores*/
	*margin:10px 0 0 50px !important;
	*margin:10px 0 0 25px;
	
	
	
}
#pronav ul{
	list-style-type:none;
	float:center;
	margin:40px 0 0 10px;
	
}
#pronav li{
	display:block;
	text-align:left;
	width:211px;
	height:26px;
	background-image:url(../img/bg_pro.jpg);
	background-repeat:no-repeat;
	padding:4px 0 2px 35px;
}
#pronav a:link, a:visited{
	text-decoration: none;
	font-weight:bold;
	color:#FFF;
}
#pronav a:hover{
	color:#fc3;
}


/**************************************/
/*#imgpro{
	width:360px;
	height:360px;
	margin:30px 0 30px 90px;
	.margin:10px 0 0 44px;
	*margin:10px 0 0 64px;
	.padding-bottom:50px;
	float:left;
	background-image:url(../img/galeria/productos.jpg);
	background-position:center;
	background-repeat:no-repeat;
}
*/
#imagen{
	width:400px;
	height:300px;
	margin:30px 0 0 80px;
	*margin:40px 0 0 60px !important;
	*margin:30px 0 0 0;
	float:left;		
	background-position:center;
	background-repeat:no-repeat;
	}

#space{
	clear:both;
}
#galeria{
	width:380px;
	float:left;
	background-image:url(../img/galeria/bg.jpg);
	background-color:#cc3;
	margin:0 0 20px 350px;
	*margin:0 0 20px 350px !important;
	*margin:0 0 40px 174px;
	padding:5px 0 5px 0;
	*padding:10px 0 10px 0 !important;
	*padding:10px 0 10px 0;
	/*.margin:10px 0 0 40px;*/
	
}
#galeria ul{
	float:left;
   	list-style:none;
	margin:5px 0 5px 19px;
	*margin:5px 0 5px 19px !important;
	*margin:5px 0 5px 9px;
	/*.margin:5px 0 5px 10px;*/
	padding-left:10px;
}
#galeria li{
	display:inline;
	padding:10px 10px 10px 0;
}

/*********** Imagen productos css**********/
#imagen{
	width:440px;
	height:320px;
	float:left;
	margin:40px 0 10px 60px;
	*margin:40px 0 10px 60px !important;
	*margin:40px 0 10px 15px;
	/*.margin:10px 0 0 44px;
	.padding-bottom:50px;*/
}
img.image{ display: none; }

dl#productosMap{
	margin: 0;
	padding: 0;
	background: transparent url(../mapa_imagenes/productos_off.jpg) top left no-repeat;
	width:440px;
	height:380px;
	position: relative;
}
dl#officeMap{
	margin: 0;
	padding: 0;
	background: transparent url(office.jpg) top left no-repeat;
	height: 262px;
	width: 350px;
	position: relative;
}
dt{ margin: 0; padding: 0; position: absolute; font-size: 85%; display: none; }
dd{
	margin: 0;
	padding: 0;
	position: absolute;
	font-size: 85%;
	height: 25px;
	width: 67px;
}

/* ---------- Hotspot Declarations ---------- */
dd#motorDef{ top: -309px; left: 2px; }
dd#motorDef a{
	position: absolute;
	width: 10px;
	height: 22px;
	text-decoration: none;
	left: -4px;
	top: 0px;
}
dd#motorDef a span{ display: none; }
dd#motorDef a:hover{ position: absolute; background: transparent url(../mapa_imagenes/productos_off.jpg) -109px -317px no-repeat; top: -10px; left: -5px; }
dd#motorDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 250%;
}

dd#phoneDef{ top: 111px; left: 211px; }
dd#phoneDef a{ position: absolute; width: 56px; height: 46px; text-decoration: none; }
dd#phoneDef a span{ display: none; }
dd#phoneDef a:hover{ background: transparent url(office.jpg) -211px -373px no-repeat; }
dd#phoneDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 250%;
}

dd#caseDef{ top: 165px; left: 168px; }
dd#caseDef a{ position: absolute; width: 81px; height: 87px; text-decoration: none;	}
dd#caseDef a span{ display: none; }
dd#caseDef a:hover{ background: transparent url(office.jpg) -168px -427px no-repeat; }
dd#caseDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	margin: 0;
	padding: 5px;
	width: 250%;
}

dd#notebookDef{ top: 101px; left: 72px; }
dd#notebookDef a{ position: absolute; width: 96px; height: 54px; text-decoration: none; }
dd#notebookDef a span{ display: none; }
dd#notebookDef a:hover{ background: transparent url(office.jpg) -72px -625px no-repeat; }
dd#notebookDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	margin: 0;
	padding: 5px;
	width: 150%;
}

dd#floppyDef{ top: 126px; left: 45px; }
dd#floppyDef a{ position: absolute; width: 64px; height: 39px; text-decoration: none; }
dd#floppyDef a span{ display: none; }
dd#floppyDef a:hover{ background: transparent url(office.jpg) -45px -388px no-repeat; }
dd#floppyDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;

	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	left: 1px;
	margin: 0;
	padding: 5px;
	width: 150%;
}

</style>