@charset "utf-8";
/* CSS Document */

/* 'GLOBAL DEFINITIONS' */
html,body {
    margin:0;
    padding:0;
    height:100%;
	background-color:#000;
    background-image:url('../img/background.gif ');
	color:white;
}
#container {
    width:990px;
    height:587px;
    border-right:none;
    border-left:none;
    background-image:url('../img/background.gif ');
    margin:auto;
}
:focus {
	outline:none;
}
a img {
	border:none;
	display:block;
}
ul {
	margin:0px 0px 6px 0px;
	padding:0px;
	list-style:none;
}
li {
	list-style:none;
	list-style-image:none;
	list-style-type:none;
}
.pic {
	cursor:pointer;
	width:583px;
	height:400px;
}
.PicClipWidth {
	cursor:pointer;
	height:398px;
	margin:auto;
}
.PicClipHeight {
	cursor:pointer;
	width:581px;
}
.icon_ {
	display:none;
	position:relative;
	top:23px;
	width:150px;
	height:100px;
}
div.ImageClip {
    height: 400px;
	width: 581px;
	display: table-cell;
    vertical-align: middle; 
	border-style:dotted;
	border-width:1px;
	border-color:white;
}

/* END OF 'GLOBAL DEFINITIONS' */


/* 'MENU' */
#menu {
	width:978px;
	height:100px;
	float:left;
	margin:25px 7px 15px 7px;
	font-family:"Courier New", Courier, monospace;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}
	/* 'BUTTON INICIO' */
	a.button-menu {
		width:150px;
		height:100px;
		float:left; 
		margin:0px 30px 0px 0px;
	}
	a:visited.button-menu {
		background-image:url(../img/GW-small_off.gif);
	}
	a:link.button-menu {
		background-image:url(../img/GW-small_off.gif);
	}
	a:active.button-menu {
		background-image:url(../img/GW-small_off.gif);
	}
	a:hover.button-menu {
		background-image:url(../img/GW-small_on.gif);
	}
	/* END OF 'BUTTON INICIO' */
	
	/* 'BUTTON' */
	p.button-like {
		float:left; 
		width:107px; 
		height:22px;
		padding:3px 0px 0px 0px;
		margin:0px 0px 0px 7px;
		color: white; 
		background-color: #666; 
	}
	a.button {
		float:left; 
		width:107px; 
		height:22px;
		padding:3px 0px 0px 0px;
		margin:0px 0px 0px 7px;
	}
	a:visited.button {
		color: white; 
		background-color: #333; 
		text-decoration: none
	}
	a:link.button {
		color: white; 
		background-color: #333; 
		text-decoration: none
	}
	a:active.button {
		color: white; 
		background-color: #333; 
		text-decoration: none
	}
	a:hover.button {
		color: white; 
		background-color: #666; 
		text-decoration: none;
	}
	/* END OF 'BUTTON' */
/* END OF 'MENU' */

/* 'PROYECTOS' */
#Proyectos {
	width:978px;
	height:444px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0px;
	margin:0px 7px 0px 7px;
}
a.TxtProyectos {
	font-weight: bold;
	text-decoration:none
}
a:visited.TxtProyectos {
	color:#516955;
}
a:link.TxtProyectos {
	color:#516955;
}
a:active.TxtProyectos {
	color:#516955;
}
a:hover.TxtProyectos {
	color:#CCC;
}
p.TxtProyectos {
	font-size:12px;
	padding:0px;
	margin:0px 0px 4px 0px;
}
h1.TxtProyectos {
	font-size:16px;
	font-weight:bold;
	padding:0px;
	margin:0px 0px 6px 0px;
	float:left;
}
h2.TxtProyectos {
	font-size:14px;
	font-weight:bold;
	padding:0px;
	margin:0px 0px 6px 0px;
}
h3.TxtProyectos {
	font-size:12px;
	font-weight:bold;
	padding:0px;
	margin:6px 0px 2px 0px;
}
	/* 'PROYECTOS LIST' */
	#IconProyectos {
		width:187px;
		height:256px;
		float:left;
		margin:0px;
		padding:0px;
		font-size:12px;
		text-align:left;
		overflow:hidden;
	}
	#LeyendaProyectos {
		width:177px;
		height:191px;
		margin:0px;
		padding:0px;
		font-size:12px;
		text-align:left;
		overflow:hidden;
	}
	#LProyectos_scroll {
		width:770px;
		height:447px;
		margin:0px 3px 0px 0px;
		padding:0px;
		font-size:12px;
		text-align:left;
		overflow:hidden;
		float:right;
	}
	#Icon-LeyendaProyectos {
		width:187px;
		height:100%;
		float:left;
		margin:0px;
		padding:0px;
		font-size:12px;
		text-align:left;
		overflow:hidden;
	}
	ul.LProyectos {
		margin:12px 0px 6px 0px;
		padding:0px;
		list-style:none;
	}
	li.LProyectos {
		margin: 15px 0px 15px 0px;
		list-style:none;
		list-style-image:none;
		list-style-type:none;
	}
	table.LeyendaProyectos {
		margin:0px;
		padding:0px;
		cellpadding:0xp;
		cellspacing:0px;
	}
	td.LeyendaProyectos {
		margin:0px;
		padding:0px;
		border:1px;
		border-color:#FFF;
	}
	h1.LProyectos {
		font-size:12px;
		font-weight:bold;
		padding:0px;
		margin:0px 0px 6px 0px;
	}
	a.LProyectos {
		background-color:#333;
		padding:4px 20px 4px 20px;
	}
	a:visited.LProyectos {
		color:white;
		text-decoration:none;
	}
	a:link.LProyectos {
		color:white;
		text-decoration:none;
	}
	a:active.LProyectos {
		color:white;
		text-decoration:none;
	}
	a:hover.LProyectos {
		background-color:#666;
		text-decoration:none;
	}
	/* END OF 'PROYECTOS LIST' */
	
	/* 'PROYECTO' */
	#TitProyectos {
		width:583px;
		height:25px;
		float:right;
	}	
	#TxtProyectos {
		width:179px;
		height:100%;
		float:right;
		margin:0px 4px 0px 10px;
		overflow:hidden;
	}
	#CreditProyectos {
		width:187px;
		height:100%;
		float:left;
		margin:0px;
		padding:0px;
		font-size:12px;
		text-align:left;
		overflow:hidden;
	}
	#ImgProyectos {
		width:583px;
		height:422px;
		float:left;
	}

		/* 'IMAGE BLOCK' (navigation images) */
		div.ImgBlock {
			width:583px;
			height:419px;
			float:right;
			margin:0px;
			padding:0px;
		}
		div.ImgNav {
			width:260px;
			height:19px;
			float:left;
			padding:0px;
			margin:1px 0px 0px 0px;
		}
		
		h1.ImgNav {
			color:#333;
			font-size:16px;
			font-weight:bold;
			padding:0px;
			margin:0px 2px 0px 0px;
			float:left;
		}
		h1.ImgNavHi {
			color:#666;
			font-size:16px;
			font-weight:bold;
			padding:0px;
			margin:0px 2px 0px 0px;
			float:left;
		}
		div.ImgCredit {
			display:none;
			width:319px;
			height:19px;
			float:left;
			padding:0px;
			margin:5px 0px 0px 0px;
			text-align:right;
		}
		a.Img {
			cursor:pointer;
			margin:0px;
			padding:0px;
			margin:auto;
		}
		a.Nav {
			cursor:pointer;
			color:#333;
			font-size:16px;
			font-weight:bold;
			margin:0px 2px 0px 0px;
			padding:0px;
			float:left;
		}
		a:visited.Nav {
			color:#333;
			text-decoration:none;
		}
		a:link.Nav {
			color:#333;
			text-decoration:none;
		}
		a:active.Nav {
			color:#333;
			text-decoration:none;
		}
		a:hover.Nav {
			color:#666;
			text-decoration:none;
		}
		/* END OF 'IMAGE BLOCK' (navigation images) */
	/* END OF 'PROYECTO' */
	
	/* 'PUBLICACIONES y EXPOSICIONES' */
	h1.publicaciones, h1.exposiciones, h1.noticias {
		font-size:12px;
		font-weight:bold;
		background-color:#333;
		padding:4px 20px 4px 10px;
		margin:0px 0px 6px 0px;
	}
	ul.publicaciones, ul.exposiciones, ul.noticias{
		margin:12px 0px 6px 0px;
		padding:0px;
		list-style:none;
	}
	li.publicaciones, li.exposiciones, li.noticias{
		margin: 10px 0px 15px 30px;
		list-style:none;
		list-style-image:none;
		list-style-type:none;
	}
	h2.publicaciones, h2.exposiciones{
		font-size:12px;
		font-weight:normal;
		margin: 15px 0px 15px 0px;
	}
	img.icon_publicaciones {
	display:block;
	position:relative;
	top:23px;
	width:150px;
	}
	img.icon_expo {
	display:block;
	width:150px;
	margin:0px 0px 10px 0px;
	}
	/* END OF 'PUBLICACIONES y EXPOSICIONES' */
	
	/* 'ESTUDIO' */
	h1.estudio {
		font-size:12px;
		font-weight:bold;
		background-color:#333;
		padding:4px 20px 4px 10px;
		margin:0px 0px 6px 0px;
	}
	p.estudio{
		margin: 10px 0px 15px 30px;
	}
	/* END OF 'ESTUDIO' */

	/* 'contactos' */
	#contactos_no-scroll {
		width:788px;
		height:447px;
		margin:0px 0px 0px 0px;
		padding:0px;
		font-size:12px;
		text-align:left;
		overflow:hidden;
		float:right;
	}
	h1.contactos {
		font-size:12px;
		font-weight:bold;
		background-color:#333;
		padding:4px 20px 4px 10px;
		margin:0px 0px 6px 0px;
	}
	ul.contactos{
		margin:12px 0px 6px 0px;
		padding:0px;
		list-style:none;
	}
	li.contactos{
		margin: 0px 0px 0px 30px;
		list-style:none;
		list-style-image:none;
		list-style-type:none;
	}
	p.contactos{
		margin: 10px 0px 15px 30px;
	}
	a.mailme{
		font-size:12px;
		color:#FFF;
		text-decoration:none;
	}
	/* END OF 'PUBLICACIONES' */