@charset "UTF-8";
/* CSS Document */
/*top right bottom left*/

	* { margin:0; padding:0 }
	
	body {
		background-color: #ccc;
		font-family: Lucida Grande, Lucida Sans Unicode, sans-serif;
		font-size: 13px;
		letter-spacing: 1px;
		line-height: 1.2em;
		color: #000;
		text-decoration: none;
		overflow: hidden
		}

	h1 { font-size: 28px; line-height: 0.9em; font-weight: normal; padding-bottom: 14px }
	h2 { font-size: 100%; line-height: 1em; padding-bottom: 5px }
	
	img { border: 0 }
	
	p { margin-bottom: 5px }
	
	a:link, a:active { text-decoration: none; color: #fff; font-weight: bold }
	a:visited { text-decoration: line-through; color: #fff; font-weight: bold }
	a:hover { text-decoration: underline; color: #fff; font-weight: bold }
		a:focus { outline: 0 }
		
	.oculto { display: none }
	
	
	
	/* ESTRUCTURA */
			
	/* aqu’ va googlemaps */
	#contenidor-extra { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 70; overflow: hidden }   
	
	#supersize { position:fixed }
	#supersize img, #supersize a {
		height:100%;
		width:100%;
		position:absolute;
		z-index: 0;
		cursor: default
		}
	#supersize .prevslide, #supersize .prevslide img { z-index: 1 }
	#supersize .activeslide, #supersize .activeslide img { z-index: 2 }
		#loading {
			position: absolute;
			top: 49.5%; 
			left: 49.5%;
			z-index: 3;
			width: 32px; 
			height: 32px;
			text-indent: -999em;
			background-image: url('../../img/spinner-wt.gif');
			}
		/* barra para info proyecto */
		#info {
			z-index: 10;
			position: absolute;
			top: 12%;
			left: 9%;
			width: 150px;
			height: auto;
			padding: 0
			}
			/* cuadrito de tags */
			.tag {
				float: left;
				display: inline;
				width: auto;
				height: 19px;
				margin: 0 5px 5px 0;
				font-size: 11px;
				color: #fff;
				cursor: pointer
				}
				.tag .bl {
					float: left;
					display: inline;
					width: 5px;
					height: 19px;
					}
				.tag .br {
					float: left;
					display: inline;
					width: 5px;
					height: 19px;
					}
		/* barra oculta para direcci—n */
		#contact {
				z-index: 140;
				position: absolute;
				bottom: 30px;
				left: 9%;
				width: 234px;
				height: 134px;
				padding: 8px;
				background-color: #99cc00;
				color: #fff;
				overflow: auto
			}
		/* "tope" de barra oculta */
		#logo {
			z-index: 150;
			position: absolute;
			bottom: 0;
			left: 9%;
			width: 234px;
			height: 14px;
			padding: 8px;
			background-color: #99cc00;
			cursor: pointer;
			}
		/* flechas de navegaci—n */
		.aw {
			z-index: 200;
			position: absolute;
			top: 52%;
			width: 60px;
			height: 79px
			}
			.aw.left { left: 9% }
			.aw.right { right: 9% }
		/* barra para listado de proyectos segœn tag */
		#list {
			z-index: 9;
			position: absolute;
			top: 0;
			left: 32%;
			width: 234px;
			height: 100%;
			padding: 8px;
			padding-top: 70px;
			background-color: #99cc00
			}
			#list-close {
				position: absolute;
				top: 14px;
				right: 14px;
				width: 12px;
				height: 12px;
				text-indent: -999em;
				background-image: url('../../img/x-12x12.png');
				cursor: pointer
				}