@charset "utf-8";
/******************************************* RESET */
* { margin: 0; border: 0; padding: 0; text-align:left; font-size: 100%; font-weight:normal; font-style: normal; }
table { border-collapse:collapse; border-spacing:0; }
ol, ul { list-style: none; }
/******************************************* TODAS */
html {
	background-color: #303030;
}
body {
	color: white;
}
div.Pie {
	width: 960px;
	padding: 6px 0;
	background: black url(images/nada.jpg) no-repeat scroll center center;
	box-shadow: 3px 3px 5px black;
	font: normal normal normal 12px/14px Arial, Verdana, sans-serif;
}
/******************************************* HOME */
div.PaginaInicio {
	margin: 0 auto;
	width: 960px;
	height: 690px;
	background: #303030 url(../images/fondo_inicio.png) no-repeat scroll left top;
}
div#TitulosInicio {
	position: absolute;
	top: 350px;
	left: 50%;
	margin-left: -160px;
	z-index: 5;
}
h1 {
	font: normal normal normal 19px/20px Georgia, Times New Roman, serif;
}
h2 {
	font: normal normal normal 15px/20px Georgia, Times New Roman, serif;
}
div#PieInicio {
	position: absolute;
	top: 600px;
	left: 50%;
	margin-left: -450px;
	z-index: 2;
}
#FotoInicio {
	position: absolute;
	top: 50px;
	left: 50%;
	margin-left: 50px;
	width: 300px;
	height: 600px;
	z-index: 1;
}
div#BotonInicio {
	position: absolute;
	top: 350px;
	left: 50%;
	margin-left: 380px;
}
.PaginaInicio a:link , .PaginaInicio a:visited {
	margin: 40px 0 0 0px;
	text-decoration: none;
	color: white;
}
.PaginaInicio a:hover , .PaginaInicio a:active {
	color: gray;
}
/******************************************* MURO */
div.PaginaMuro {
	width: 960px;
	height: 690px;
	margin: 0 auto;
	background: #303030 url(../images/fondo_muro.png) no-repeat scroll left top;
}
h2.Proyectos {
	position: absolute;
	top: 450px;
	left: 50%;
	margin-left: -450px;
	z-index: 1;
}
h2.ObraTerminada {
	position: absolute;
	top: 450px;
	left: 50%;
	margin-left: 0px;
	z-index: 1;
}
img#Mosaico {
	position: absolute;
	top: 150px;
	left: 50%;
	margin-left: -480px;
	z-index: 1;
}
div.PieMosaico {
	position: absolute;
	top: 600px;
	left: 50%;
	margin-left: -480px;
}
div.EnlaceContacto {
	position: absolute;
	top: 630px;
	left: 50%;
	margin-left: 380px;
}
.EnlaceContacto a:link , .EnlaceContacto a:visited {
	font: normal normal normal 15px/20px Georgia, Times New Roman, serif;
	text-decoration: none;
	color: white;
}
.EnlaceContacto a:hover , .EnlaceContacto a:active {
	color: gray;
}
/******************************************* TRABAJOS */
div.PaginaObra {
	width: 960px;
	height: 690px;
	margin: 0 auto;
	background: #303030 url(../images/fondo_trabajo2.png) no-repeat scroll left top;
}
div.PaginaProyecto {
	width: 960px;
	height: 690px;
	margin: 0 auto;
	background: #303030 url(../images/fondo_trabajo2.png) no-repeat scroll left top;
}
div#ImagenGrande {
	position: absolute;
	top: 60px;
	left: 50%;
	margin-left: -480px;
	width: 960px;
	height: 500px;
	text-align: center;
	overflow: auto;
}
div#Miniaturas {
	position: absolute;
	width: 960px;
	top: 600px;
	left: 50%;
	margin-left: -480px;
	overflow: auto;
}
.PaginaObra h1 , .PaginaProyecto h1 {
	position: absolute;
	width: 960px;
	top: 660px;
	left: 50%;
	margin-left: -480px;
	font: normal normal normal 20px/20px Arial, Verdana, sans-serif;
	text-align: right;
}
div#ImagenGrande img {
	border: 10px solid #303030;
}
div#Miniaturas img {
	border: 1px solid transparent;
	height: 45px;
	margin: 0 4px;
}
div.BotonAtras {
	position: absolute;
	top: 610px;
	left: 50%;
	margin-left: 460px;
}
/******************************************* CONTACTO */
div.PaginaContacto {
	position: relative;
	width: 960px;
	height: 690px;
	margin: 0 auto;
	background: #303030 url(../images/fondo_contacto.png) no-repeat scroll left top;
}
img.Retrato {
	position: absolute;
	top: 330px;
	right: 60px;
	width: 400px;
}
div.PaginaContacto form {
	position: absolute;
	top: 100px;
	left: 0px;
	width: 260px;
	font-size: 1em;
}
div.PaginaContacto input {
	margin: 4px 0 20px 0;
	width: 100%;
	height: 30px;
	line-height: 30px;
	color: white;
	background-color: #84807f;
}
div.PaginaContacto input[type="submit"] {
	width: 100%;
	height: 30px;
	text-align: center;
	background-color: #6a6665;
}

.PaginaContacto textarea {
	margin: 4px 0 12px 0;
	width: 260px;
	height: 150px;
	line-height: 30px;
	color: white;
	background-color: #84807f;
	overflow: auto;
}
.PaginaContacto a:link , .PaginaContacto a:visited {
	font: normal normal normal 15px/20px Georgia, Times New Roman, serif;
	text-decoration: none;
	color: white;
}
.PaginaContacto a:hover , .PaginaContacto a:active {
	color: gray;
}