/*Atributos generales de la página.................................................................*/

   body {
	margin:0;
	padding:0;
	text-align:center;
	background-color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 20px;
   }

/*Contenido Centrado...............................................................................*/
   #content {
	text-align:left;
	margin:auto;
	width:800px;
	height:667px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
   }

/*Encabezado.......................................................................................*/
   #cabecera {
	width: 800px;
	height:122px;
	background-image: url(imagenes/cabecera.gif);
   }

/*Menu Izquierdo - Varía Según la página en que se encuentre.......................................*/
   #menuizq {
	width:182px;
	height:459px;
	float:left;
	background-repeat: no-repeat;
	background-color: #000000;
	text-align: center;
	padding-top: 20px;
}
	
	#menuizqp {
	width:182px;
	height:459px;
	float:left;
	background-color: #000000;
	background-image: url(imagenes/menuizqp.gif);
	background-repeat: no-repeat;
}

	#menuizqw {
	width:182px;
	height:459px;
	float:left;
	background-color: #000000;
	background-image: url(imagenes/menuizqw.gif);
	background-repeat: no-repeat;
}

	#menuizqa {
	width:182px;
	height:459px;
	float:left;
	background-color: #000000;
	background-image: url(imagenes/menuizqa.gif);
	background-repeat: no-repeat;
}
	
	#menuizqd {
	width:182px;
	height:459px;
	float:left;
	background-color: #000000;
	background-image: url(imagenes/menuizqd.gif);
	background-repeat: no-repeat;
}

	#subnavi {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	list-style-type: none;
	margin: 0px;
	cursor: crosshair;
	height: 100px;
	width: 181px;
	position: absolute;
	padding-top: 170px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
	#subnavi a {
	color: #999999;
	font-weight: bold;
	text-align: right;
	letter-spacing: 0.1em;
	font-size: 10px;
}
	#subnavi a:hover {
	color: #FF0000;
	text-decoration: none;
	}
/*Menú Derecho - Menú de navegación y Adsense Google (hoja de estilos aparte).....................*/
	#menuder {
	width:91px;
	height:459px;
	float:right;
	background-color: #000000;
   }
	#navi {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	cursor: crosshair;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #FF0000;
}
	#navi a {
	color: #FFFFFF;
	text-decoration: none;
	line-height: 40px;
}
	#navi a:hover {
	color: #FF0000;
	text-decoration: none;
}
   
/*Contenido de la página.........................................................................*/
   #contenido {
	width:527px;
	float:left;
	color: #FFFFFF;
	height: 459px;
	overflow: hidden;
	background-image: url(imagenes/contenidovacio.gif);
   }


/*MAPA.............................................................................................*/

/*Tamaño de la lista - igual a la imagen de fondo*/

#imap {
	display:block;
	width:527px;
	height:392px;
	position:relative;
	left: 0px;
	margin: 0px;
	padding: 0px;
	background-image: url(imagenes/contenido.jpg);
	background-repeat: no-repeat;
}

/*imagen de fondo*/

/* lista de definicion adelante del hover */

#imap a#titulo {
	display:block;
	width:527px;
	height:392;
	padding-top:372px;
	overflow:hidden;
	position:absolute;
	left:0px;
	top:0px;
	cursor:default;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 527px 0px;
	background-image: url(imagenes/contenido.jpg);
	padding-bottom: 0px;
	clip: rect(auto,auto,auto,auto);
	margin: 0px;
}
/* Hack para IE pre IE6 */
* html #imap a#titulo {height:19; he\ight:0;}

/* hover a la posicion 0 0*/
#imap a#titulo:hover {
	background-position: 0 0;
	z-index:10;
	cursor: crosshair;
	}

/*posicion absoluta de los hotpics*/

#imap li {
	position:absolute;
	padding:0;
	margin:0;
	width: 194px;
	height: 66px;
	left: 0;
	top: 0;
	list-style-type: none;
}

#imap #pica {left:59px; top:75px; z-index:20;}
#imap #picb {left:287px; top:78px; z-index:20;}
#imap #picc {left:66px; top:253px; z-index:20;}
#imap #picd {left:285px; top:250px; z-index:20;}

/* style the links physical size and the background image for the hover */
#imap a#arquitectura, #imap a#diseño, #imap a#web, #imap a#contacto {
	display:block;
	width:194px; height:66px;
	text-decoration:none;
	z-index:20;
	background-position: -100px -100px;
}

#imap a#arquitectura{
	background-repeat: no-repeat;
	background-image: url(imagenes/indarquit.gif);
}
#imap a#diseño{
	background-repeat: no-repeat;
	background-image: url(imagenes/indiseno.gif);
}
#imap a#web{
	background-repeat: no-repeat;
	background-image: url(imagenes/indweb.gif);	
}
#imap a#contacto{
	background-repeat: no-repeat;
	background-image: url(imagenes/incontacto.gif);
}
  
/* estilo del texto span */
#imap a span, #imap a:visited span {
  display:none;
  }
  
/* moviendo la imagen bakground a la posición 00 cuando se haga hover */
#imap a#arquitectura:hover, #imap a#diseño:hover, #imap a#web:hover, #imap a#contacto:hover {
  background-position:0 0;
  }

/* estilo para el texto span */
#imap a:hover span {
	position:absolute;
	width:auto;
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	border:1px solid #000;
	padding:0px;
	background-color: #000000;
	visibility: hidden;
  }
/* Hakc para IE pre IE6 */
* html #imap a:hover span {
  width:527px; w\idth:417px;
  }
 
/* ubicación del texto span */

#imap a arquitectura:hover span {left:22px; top:75px;}
#imap a diseño:hover span {left:247px; top:150px;}
#imap a web:hover span{left:362px; top:93px;}
#imap a contacto:hover span {left:106px; top:183px;}

  
/* Estilo diferente para la primera linea del texto span */
#imap a span:first-line {
  font-weight:bold; 
  font-style:normal;
  }
  
/*TEXTO...........................................................................................*/

#texto {
	display:block;
	width:527px;
	height:392px;
	position:relative;
	background-repeat: repeat;
	font-size: 11px;
	color: #CCCCCC;
	background-color: transparent;
	margin: 0px;
	padding: 0px;
}

/*Este es el formulario de contacto*/
#formulario {
	position:absolute;
	left:57px;
	top:18px;
	width:413px;
	height:293px;
	z-index:3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	display: block;
	padding: 5px;
	color: #FFFFFF;
#contenido a:hover {
	background-color: #FFFFFF;
}