/*
	Resetear CSS
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline;
}

body {
     line-height: 1;
}

:focus {
     outline: 0;
}

ol, ul {
     list-style: none;
}

table {
     border-collapse: collapse;
     border-spacing: 0;
}

blockquote:before, blockquote:after, q:before, q:after {
     content: "";
}

blockquote, q {
     quotes: "" "";
}

input, textarea {
     margin: 0;
     padding: 0;
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px;
}


/* 
	Resetear CSS 
*/


body {
	text-align: center;
	font-family: Helvetica, Arial, sans-serif;
}

#contenedor {
	background: #fff url(../img/layout/degradado.jpg) repeat-x top left;
	/*background: #fff url(../img/fondo_prueba.jpg) no-repeat top left;*/
	height: 600px;
	width: 900px;
	margin: 0 auto;
	text-align: left;
}

#hack {
background: transparent url(../img/layout/cabecera_fondo.png) no-repeat top left;
}

#cabecera, #contenido, #pie {
	padding: 0 1.8em;
}



/*
	- - - - - - - - - - - - - - - - - - - - - - - - -
	C A B E C E R A
	- - - - - - - - - - - - - - - - - - - - - - - - -
*/

	#cabecera h1 {
		padding-top: 1.8em;
		z-index: 1;
	}
	#cabecera h1 a { 
		width: 198px;
		height: 37px;
		background: url('/img/layout/logo.jpg') no-repeat;
		display: block;
	}
	#cabecera h1 a span { 
		position: absolute; 
		z-index: -1;
	}
	
	#cabecera h2 {
		clear: both;
		margin-top: 2.55em;
		z-index: 1;
	}
		#cabecera h2.bienvenido {
			width: 158px;
			height: 23px;
			background: url('/img/titulares/bienvenido.png') no-repeat;
		}
		#cabecera h2.hacemos {
			width: 186px;
			height: 23px;
			background: url('/img/titulares/que-hacemos.png') no-repeat;
		}
		#cabecera h2.proyectos {
			width: 168px;
			height: 23px;
			background: url('/img/titulares/trabajos.png') no-repeat;
		}
		#cabecera h2.galeria {
			width: 168px;
			height: 23px;
			background: url('/img/titulares/galeria.png') no-repeat;
		}
		#cabecera h2.clientes {
			width: 168px;
			height: 23px;
			background: url('/img/titulares/clientes.png') no-repeat;
		}
		#cabecera h2.contacto {
			width: 168px;
			height: 23px;
			background: url('/img/titulares/contacto.png') no-repeat;
		}
	
	#cabecera h2 span {
		position: absolute; 
		z-index: -1;
	}
	#cabecera h2.subrayado {
		border-bottom: 1px solid #999;
		width: 100%;
		padding-bottom: 0.7em;
	}

	
/*
	- - - - - - - - - - - - - - - - - - - - - - - - -
	M E N Ú
	- - - - - - - - - - - - - - - - - - - - - - - - -
*/
	
	
	ul#menu {
		padding-top: 2em;
	}
	ul#menu li {
		display: inline;
		float: left;
		z-index: 1;
	}
	ul#menu li a {
		display: block;
		float: left;
		height: 10px;
	}
	
		ul#menu li a.home {
			width: 31px;
			background: transparent url('/img/botones/home.png') no-repeat top left;
			border-right: 1px solid white;
			padding-right: 0.8em;
		}
		ul#menu li a.hacemos {
			width: 74px;
			background: transparent url('/img/botones/que-hacemos.png') no-repeat top left;
			border-right: 1px solid white;
			padding-right: 0.8em;
			margin-left: 0.8em;
		}
		ul#menu li a.proyectos {
			width: 60px;
			background: transparent url('/img/botones/proyectos.png') no-repeat top left;
			border-right: 1px solid white;
			padding-right: 0.8em;
			margin-left: 0.8em;
		}
		ul#menu li a.galeria {
			width: 46px;
			background: transparent url('/img/botones/galeria.png') no-repeat top left;
			border-right: 1px solid white;
			padding-right: 0.8em;
			margin-left: 0.8em;
		}
		ul#menu li a.clientes {
			width: 50px;
			background: transparent url('/img/botones/clientes.png') no-repeat top left;
			border-right: 1px solid white;
			padding-right: 0.8em;
			margin-left: 0.8em;
		}
		ul#menu li a.contacto {
			width: 55px;
			background: transparent url('/img/botones/contacto.png') no-repeat top left;
			margin-left: 0.8em;
		}
		
			/*ul#menu li a.home:hover {
				background: transparent url('/img/botones/home_hover.png') no-repeat top left;
			}
			ul#menu li a.hacemos:hover {
				background: transparent url('/img/botones/que-hacemos_hover.png') no-repeat top left;
			}
			ul#menu li a.proyectos:hover {
				background: transparent url('/img/botones/proyectos_hover.png') no-repeat top left;
			}
			ul#menu li a.galeria:hover {
				background: transparent url('/img/botones/galeria_hover.png') no-repeat top left;
			}
			ul#menu li a.clientes:hover {
				background: transparent url('/img/botones/clientes_hover.png') no-repeat top left;
			}
			ul#menu li a.contacto:hover {
				background: transparent url('/img/botones/contacto_hover.png') no-repeat top left;
			}*/
		
	ul#menu li a span { 
		position: absolute; 
		z-index: -1;
	}

/*
	- - - - - - - - - - - - - - - - - - - - - - - - -
	C O N T E N I D O
	- - - - - - - - - - - - - - - - - - - - - - - - -
*/

	#contenido {
		margin-top: 2em;
		height: 395px;
		font-size: 1.2em;
		color: #555;
		line-height: 0.8em;
	}
	#contenido.home {
		z-index: 1;
		background: transparent url('/img/textos/home.jpg') no-repeat 1.8em 0;
	}
	#contenido #hack {
		display: none;
	}
	#contenido.hacemos {
		z-index: 1;
		background: transparent url('/img/textos/hacemos.jpg') no-repeat 1.8em 0;
	}
	#contenido #invisible {
		position: absolute;
		z-index: -1;
		width: 400px;
	}
	#contenido p {
		font-size: 0.7em;
		margin: 1em 0;
	}
	#contenido p a.mail {
		color: #555;
	}
	#contenido p a.mail:hover {
		text-decoration: none;
	}
	#contenido ul, #contenido ol {
		font-size: 0.7em;
		margin: 0.8em;
	}
	#contenido ul li {
		margin-bottom: 5px;
		padding-left: 8px;
		background: transparent url(/img/layout/bullet.gif) no-repeat 0 5px
	}
	#contenido ul li a, #contenido ol li a {
		color: #888;
	}
	#contenido ul li a:hover, #contenido ol li a:hover {
		text-decoration: none;
	}
	#contenido strong {
		font-weight: bold;
		color: #B70050;
	}
	#contenido h3 {
		font-size: 0.8em;
		color: #B70050;
	}
	#contenido h3.titular {
		font-size: 1.3em;
		color: #B70050;
		line-height: 1.2em;
	}
	#contenido .subtitular {
		font-size: 0.8em;
		color: #888;
	}
	
	#contenido.galeria a {
		display: block;
		width: 120px;
		height: 120px;
		margin-right: 22px;
		float: left;
		margin-bottom: 22px;
	}
	#contenido.galeria a.final {
		margin-right: 0px;
		margin-bottom: 18px;
	}
	#contenido.galeria a.primera {
		clear: both;
		display: block;
		width: 120px;
		height: 120px;
		margin-right: 22px;
		float: left;
		margin-bottom: 22px;
	}


/*
	- - - - - - - - - - - - - - - - - - - - - - - - -
	P I E
	- - - - - - - - - - - - - - - - - - - - - - - - -
*/

	#pie {
		clear: both;
	}
	#pie p {
		font-size: 0.7em;
	}
	#pie p a {
		color: #333;
	}






#contenido ul.fotos{
	margin: 0;
	padding: 0;
}

#contenido ul.fotos li {
	list-style-type: none;
	background-image: none;
	background-color: none;
	margin: 0;
	padding: 0;
	display: inline;
	float: left;
}
#contenido ul.fotos li a {
	display: block;
	float: left;
	margin-right: 3px;
	margin-bottom: 5px;
}