body {
	background-color: Black;
	margin: 0 0 0 0;
	padding: 0;
}
#contenedor {
	position: absolute; /*Posicionamiento absoluto*/
	left: 50%; /*Desde la izquierda, colocar al 50% de la pantalla*/
	margin-left: -332px; /*Restamos la mitad de ancho del contenido para centrarlo horizontalmente*/
	width: 664px;
}
#arriba {
	background: #ffffff;
	height: 152px;
	font: 11px Arial, Helvetica, sans-serif;
	padding-top: 25px;
	padding-left: 20px;
}
#arriba a{
	color: #666666;
	text-decoration: none;
}
#arriba a:hover {
	color: #333333;
}
.arriba2 {
	font: 11px Arial, Helvetica, sans-serif;
}
.arriba2 a{
	color: #666666;
	text-decoration: none;
}
.arriba2 a:hover {
	color: #333333;
}
#menu {
	font: 12px Arial, Helvetica, sans-serif;
	margin-bottom: 50px;
}
#menu ul, li {
	list-style-type: none;
}

#menu ul {
	margin: 0;
	padding: 0;
}

#menu li {
	float: left;
}
#menu a {
	text-decoration: none;
	color: #FFFFFF;
	background: #000000;
	display: block;
	padding: 6px;
	text-align: center;
	width: 71px;
}

#menu a:hover {
	background: #FFFFFF;
	color: #000000;
}
.menusobre {
	background: #FFFFFF;
	color: #000000;
	display: block;
	padding: 6px;
	text-align: center;
	width: 71px;
}
#intermedio {
	background: #252525;
	height: 150px;
	margin-bottom: 12px;
}
#intermedio h1 {
	font: 1.3em Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	left: 280px;
	padding-top: 10px;
	position: absolute;
	width: 360px;
	display: inline;
}
#intermedio h2 {
	font: 15px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	left: 280px;
	padding-top: 40px;
	position: absolute;
	width: 360px;
	display: inline;
}
#intermedio h3 {
	font: 11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	left: 280px;
	padding-top: 70px;
	position: absolute;
	width: 360px;
	display: inline;
}
.color {
	    background-color: #252525; display: block;
	}
.color:hover {
	    background-color: #454545; 
	}
#empresa {
	color: #000000;
	background-color: #FFFFFF;
	font: 12px Arial, Helvetica, sans-serif;
	text-align: justify;
	padding-bottom: 20px;
	height: 670px;
}
#empresa p{
	width: 380px;
}
#empresa h2{
	font: 20px Arial, Helvetica, sans-serif;
}
#empresa h3{
	font: 10px Arial, Helvetica, sans-serif;
}
#empresa ul, li {
	list-style-type: none;
}
#empresa ul {
	margin: 0;
	padding: 0;
}
#empresa li {
	float: left;
	padding-top: 20px;
	padding-left: 30px;
}
img.foto {
background: url("images/loading.gif") no-repeat center center;
}

#contact-area {
	width: 368px;
	margin-top: 20px;
}
#contact-area input, #contact-area textarea {
	padding: 2px;
	width: 300px;
	font: 12px Arial, Helvetica, sans-serif;
	margin: 0px 0px 15px 0px;
	border: 1px solid #A9A9A9;
}
#contact-area textarea {
	height: 100px;
}
#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid Black;
}
#contact-area input.submit-button {
	width: 90px;
	height: 25px;
	float: right;
}
label {
	float: left;
	text-align: left;
	margin-right: 12px;
	width: 50px;
	padding-top: 2px;
	font: 12px Arial, Helvetica, sans-serif;
}

#proyectos {
	font: 12px Arial, Helvetica, sans-serif;
}
#proyectos ul, li {
	list-style-type: none;
}

#proyectos ul {
	margin: 0;
	padding: 0;
}

#proyectos li {
	float: left;
}
#proyectos a {
	text-decoration: none;
	color: Black;
	background: Silver;
	text-align: center;
	margin-right: 2px;
	padding: 4px;
	float: left;
}

#proyectos a:hover {
	background: White;
	color: #000000;
}
.proyectosobre {
	color: Black;
	background: White;
	text-align: center;
	margin-right: 2px;
	padding: 4px;
}
#empresa2 {
	color: #000000;
	background-color: #FFFFFF;
	font: 12px Arial, Helvetica, sans-serif;
	text-align: justify;
	padding-bottom: 20px;
	height: 670px;
}
#empresa2 p{
	width: 580px;
}
#empresa2 h2{
	font: 20px Arial, Helvetica, sans-serif;
	width: 580px;
}
#empresa2 ul, li {
	list-style-type: none;
}
#empresa2 ul {
	margin: 0;
	padding: 0;
}
#empresa2 li {
	float: left;
	padding-top: 20px;
	padding-left: 30px;
}
.textosobrenegro {
	font: 0.75em Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: left;
}
.enlaces {
	font: 12px Arial, Helvetica, sans-serif;
}

.enlaces a {
	text-decoration: none;
	color: Black;
	display: block;
	text-align: left;
	padding-left: 10px;
	margin-bottom: 2px;
	padding-top: 3px;
	padding-bottom: 3px;
	background: Silver;
}

.enlaces a:hover {
	color: Black;
	background: White;
}

#formacion {
	color: #000000;
	background-color: #FFFFFF;
	font: 12px Arial, Helvetica, sans-serif;
	text-align: justify;
	padding-bottom: 20px;
	
}
#formacion p{
	width: 580px;
}
#formacion h2{
	font: 20px Arial, Helvetica, sans-serif;
	width: 580px;
}
#formacion ul, li {
	list-style-type: none;
}
#formacion ul {
	margin: 0;
	padding: 0;
}
#formacion li {
	padding-top: 20px;
	padding-left: 30px;
}
